Имитация поиска в Facebook с помощью jquery - PullRequest
2 голосов
/ 20 января 2012

Я Swadesh, молодой инженер-программист, который всегда восхищается приложениями для Facebook.

Однажды я наткнулся на панель поиска Facebook, которая ищет друзей, сообщества, приложения и т. Д.

Я просто обожаю это, потому что это так быстро и дает вам интеллектуальный и мгновенный результат.

Я попробовал подобный, используя JQuery.Проект с демонстрацией можно найти здесь

Теперь проблема, с которой я сталкиваюсь, заключается в следующем: я получаю дубликаты записей, вставленные в DOM (откуда я ищу строку).

Идея поиска в JavaScript заключается в следующем:

  • При загрузке страницы «Загрузить все данные друзей из базы данных в DOM»
  • Объявить массив, который будет содержатьДанные DOM
  • Вставка данных DOM в массив javascript
  • Обработка события keyup, которое впоследствии будет искать объект массива javascipt.Если он не найден, он вызовет функцию ajax, которая будет собирать данные из базы данных.
  • Снова вставить полученные данные в DOM и выполнить поиск оттуда

Ответы [ 2 ]

0 голосов
/ 01 мая 2012

решаемая.За последние 6 месяцев я прошел через различные решения и, наконец, узнал результат.Точную функцию поиска с демонстрацией и ссылкой для скачивания я разместил здесь.http://itswadesh.wordpress.com/2011/12/23/lets-see-how-facebook-search-is-so-fast/

0 голосов
/ 20 января 2012

Для обработки большого количества данных не следует загружать все возможные данные в DOM при загрузке страницы.используйте ajax для загрузки желаемых результатов и кеширования их в вашем коде, чтобы предотвратить несколько вызовов для одной и той же фразы.(это также то, что делает Facebook в своем поиске)

существует множество плагинов jquery, которые очень легко интегрируются в ваш сайт

, например, этот: http://docs.jquery.com/Plugins/Autocomplete

...