Поиск, сортировка, разбиение на страницы и фильтрация DIV с использованием Jquery/AJAX/Javascript

Question

Я работаю над внешним интерфейсом своего проекта, а позже создаю его. Я столкнулся с загадкой, хотя. У меня есть список DIV (они также должны быть разборными), которые, как предполагается, показывают различные квартиры вокруг данного почтового индекса. Проблема в том, что я не знаю, где искать эти вещи:

• Во-первых, я хочу отсортировать эти div по имени или рейтингу.
• Во-вторых, я хочу иметь возможность искать эти результаты и отбрасывать те, которые им не нужны, т.е. я набираю A, все квартиры, которые начинаются с букв BZ, исчезают из списка. Я думаю, что в p после A все буквы Aa-Az исчезают из списка и т. Д.
• В-третьих, я должен использовать jQuery, чтобы разбить на страницы свои результаты, или я должен вместо этого использовать PHP?
• Наконец, у меня есть коробка фильтра. Я хочу сделать то же самое, что и выше, за исключением других вариантов выбора (на лету, используя AJAX). Пользователь выбирает квартиры с 1 или 3 спальнями, без домашних животных и фильтр хитов... бум, список квартир со значениями.

Могу ли я использовать что-либо, используя jQuery/Javascript, чтобы ускорить этот процесс, который также ухудшается, когда Javascript отключен? Я знаю, это звучит как много, но любая помощь будет принята с благодарностью.

Answer 1

Хорошо, чтобы это работало без javascript и при этом оставалось вести себя так, как вы хотите, я думаю, вам нужно встроить его в чистый старый html (с помощью записей / ссылок в форме), а затем добавить функциональность jquery ajax, чтобы сделать его красивее и быстрее при включенном javascript.

Если бы я делал это, я бы собрал его с постами формы, которые возвращают всю страницу (когда javascript отключен), и добавил бы события jquery при загрузке страницы, чтобы предотвратить публикацию формы по умолчанию, и вместо этого использовал пост ajax, чтобы только частично загрузить ваши страницы и применить переход последствия.

И последнее: если у вас есть много данных для отображения на странице, используйте разбиение на страницы и сортировку на уровне базы данных, возвращайте только видимое содержимое вашей страницы. Это будет работать с и без javascript, и является масштабируемым (с большим количеством результатов он становится неуправляемым для него в javascript)