Имитация поиска в Facebook с помощью jquery

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

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

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

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

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

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

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

2 ответа

Решение

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

Источник

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

Есть много плагинов JQuery, которые очень легко интегрировать в ваш сайт

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

Источник
Другие вопросы по тегам