jQuery UI - автозаполнение из базы данных

Question

Каковы шаги для того, чтобы автозаполнение пользовательского интерфейса jQuery использовало базу данных?

В частности, как передать этому сценарию введенное значение?Как автозаполнение получает json скрипта?

Что я знаю:

1) Измените 'опцию источника' на скрипт, который запрашивает базу данных.
2)?

Текущий код:

$("#searchInput input").autocomplete({
     source: "script_that_queries_the_db.php"
});

Answer 1

шаг 2? Ваша php-страница mysql_query основана на $_GET['term'] и возвращает результаты, используя json_encode.

Редактировать: Кроме того, убедитесь, что массив, который вы передаете json_encode, является плоским массивом, в противном случае jQueryUI не будет читать его так, как хотелось бы, без написания дополнительного пользовательского кода.

Answer 2

Самый простой способ - заставить ваш сервер возвращать результаты в формате json. Смотрите этот пример: http://jqueryui.com/demos/autocomplete/#remote

Другой способ сделать это - сделать запрос и разобрать ответ самостоятельно, передав функцию в качестве источника. Смотрите этот пример: http://jqueryui.com/demos/autocomplete/#remote-with-cache

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