Поиск с помощью автозаполнения функция

Вы новичок Ajax и вы ищете простой способ реализовать функцию автозаполнения для вашего сайта PHP?
Это руководство объясняет, как реализовать простой PHP Ajax поиск с автозаполнения функцию с помощью нескольких строк PHP и Javascript-код. :Результат таков:

Как это работает?
В пакет входят:

Index.php (поисковая форма)
Config.php (параметры подключения MySQL. Изменении их!)
Search.php (PHP-код для выполнения запроса)
Ajax_framework.js (JavaScript функции, с тем чтобы Ajax-функция)

Когда пользователь введите строку в поле ввода с идентификатором «Поиск-д» функцию автозаполнения () ищет текущей строки в таблице базы данных …

<input name=»search-q» id=»search-q» type=»text» onkeyup=»javascript:autosuggest()»/>
<div id=»results»></div>

и скрипт показывает результаты поиска в <div> с идентификатором «результат».

Все файлы, полностью настраиваемые.  Помните, чтобы изменить параметр в связи в config.php и SQL кода для $ getRecord_sql запрос в search.php . Я использовал общий запрос в search.php изменить код жирным шрифтом название пеленальный столик (инвентаризации) и поля таблицы (TAG):

$getRecord_sql    =    'SELECT * FROM INVENTORY WHERE TAG LIKE "'.$searchq.'%"';

Скачать исходник Download
Downloaded 65 times

Категория: PHP Теги: 

Популярные записи:

Отображение содержимого последнего сообщения Отображение содержимого последнего сообщения
Правильный адрес URL в закладках Правильный адрес URL в закладках
Loginza – модуль авторизации на PHP Loginza – модуль авторизации на PHP
Функции PHP взаимодействующие с Twitter Функции PHP взаимодействующие с Twitter

2 комментариев "Поиск с помощью автозаполнения функция"

  1. Сергей:

    Все отлично работает, главное занимает немного место

    НЕДОСТАТОК — когда список вариантов выпадает, при клике в любом месте сайта (например передумали искать) — список остается висеть. В иделале должен исчезать.

    • Руслан Недвидь:

      Привет Сергей!
      Я постараюсь проверить и доработать урок и обязательно проверю почему висеть список.

Оставить комментарий или два

Отправить коментарий

Test

Яндекс.Метрика