На этом шаге мы приведем общие сведения об автодополнении.
Поле ввода для функции поиска можно еще усовершенствовать, дополнив его возможностью автодополнения содержимого. Это даст пользователям возможность вводить начало искомой строки и получать все возможные варианты ее окончания. Так как список предлагаемых вариантов может извлекаться из базы данных, управляющей сайтом, пользователь может знать, что поиск даст результаты, если ввести один из предлагаемых вариантов.
Кроме того, если база данных предоставляет варианты в порядке популярности или рядом с каждым вариантом выводится количество результатов, пользователь может выполнять поиск более целенаправленно.
Реализация автодополнения - очень сложная тема, в которой имеется масса тонкостей, обусловленных различными способами взаимодействий с пользователем. Далее мы создадим работающий пример, но не будем рассматривать такие сложные концепции, как ограничение частоты поступления запросов или дополнение строк из нескольких слов. Для действующих веб-приложений и как отправную точку в поиске более сложных реализаций мы рекомендуем простой виджет автодополнения, входящий в состав модуля расширения jQuery UI. Его можно найти по адресу: http://jqueryui.com/.
Основная идея, лежащая в основе процедуры автодополнения, заключается в организации реакции на нажатия клавиш и передаче на сервер запросов AJAX, содержащих текущее содержимое поля ввода. Результаты должны содержать список возможных вариантов дополнения содержимого поля. Сценарий может представлять этот список в виде раскрывающейся области ниже поля ввода.
На следующем шаге мы рассмотрим реализацию автодополнения на стороне сервера.
