Это поможет вам начать с указанием URL-части.
Сначала создайте поле ввода, чтобы приложить автозаполнения плагин.
<input type="text" name="query" />
Затем этот javascript для того, чтобы прикрепить автозаполнение к только что созданному полю ввода.
$("#query").autocomplete({
source: "/suggestions/get/",
select: function(event, ui) {
$("#new-field").val(ui.item.value);
}
});
Запрос URI будет что-то вроде этого ...
/suggestions/get/?term={selection}
selection
представляет собой выбор, сделанный в автозаполнения.
Теперь на вашей стороне сервера вам нужно проанализировать uri и использовать значение параметра term
, чтобы делать все, что угодно - искать в базе данных по выбранному выбору или что-то еще.
Вы должны форматировать свой ответ, как это ...
suggestion1
suggestion2
suggestion3
suggestion4
Предложения должны быть на новой строке (разделенные \n
)
здесь является полностью функционирующий пример здесь, в StackOverflow HTTP://stackoverflow.com/questions/3700371/not-sure-how-to-use-the-jquery-ui-autocomplete –
Это не поможет? - http://jqueryui.com/demos/autocomplete/#remote –
ах намного лучше. Я смотрел здесь: http://docs.jquery.com/UI/Autocomplete – Hailwood