JQuery UI автозаполнение - как?

Question

Возможно, я смотрю на все это неправильно.

Но я пытаюсь использовать автозаполнение jquery ui.

Я хочу передать ему URL, и он получит оттуда предложения.

мои вопросы
1: как мне указать URL?
2: как мне отформатировать ответ?

Answer 1

Это должно помочь вам начать с определения части 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)

Answer 2

На странице пользовательского интерфейса jquery у вас есть полная демонстрация с различными примерами, этого должно быть достаточно. Здесь - это URL.