Страница поиска с различными jquery наворотов

Question

многие веб-приложения в наши дни используют виджеты jquery на своих страницах поиска, чтобы помочь пользователю отфильтровать результаты поиска, не покидая страницы.Из-за этого я заметил, что веб-приложения теперь начинают кодировать таблицы / списки в коде <ul>, поскольку в него легко добавлять ajax-данные.

Мне любопытно, как будет работать страница поиска, подобная airbnb.http://www.airbnb.com/search

у них есть список, который динамически изменяется, когда пользователь вносит изменения в параметры поиска, представленные в правой панели навигации.

Может кто-нибудь направить меня к учебнику, который показывает что-то вроде этого?Я пытаюсь сделать что-то подобное в rails3, используя jquery.Любые репозитории примеров / github помогут мне.

Answer 1

Я не знаю, как этот сайт работает внутри, но я бы так сказал:

• Свяжите прослушиватели событий с флажками / ползунками / чем угодно, чтобы вызвать одну функцию:
  • Эта функция будет проходить через все элементы (все флажки / ползунки / и т. Д.).
  • Если данный элемент проверен / отредактирован (например, вы перемещаете ползунок), функция добавляет этот элемент в параметры ajax
  • Например, если вы установите флажок «Отдельная комната», сделайте что-то вроде: paramlist["PrivateRoom"] = "true"
  • В конце, вызовите функцию ajax на ваш бэкэнд-сервер со всеми параметрами.
• При обратном вызове ajax я обновлял бы панель результатов результатами сервера.