jQuery UI autocompletar - cómo?

Question

I puede estar buscando en este mal.

Sin embargo, yo estoy tratando de utilizar la función de autocompletar jQuery UI.

Quiero pasar una URL y que va a obtener las sugerencias de allí.

mis preguntas son
1: ¿Cómo se especifica la url
2: ¿Cómo formateo la respuesta

Answer 1

Esto debería empezar con la especificación de la parte URL.

En primer lugar crear un campo de entrada para conectar el plugin para autocompletar.

<input type="text" name="query" />

A continuación, utilice este JavaScript para unir el autocompletar a la caja de entrada de la recién creada.

   $("#query").autocomplete({
       source: "/suggestions/get/",
       select: function(event, ui) {
          $("#new-field").val(ui.item.value);
       }
    });

Los URI de la solicitud será algo como esto ...

/suggestions/get/?term={selection}

selection representa la selección realizada en autocompletar.

Ahora en su lado del servidor que necesita para analizar el URI y utilizar el valor del parámetro term a hacer lo que quiera - buscar en la base de datos para la opción seleccionada, o alguna otra cosa

.

Se debe formatear su respuesta como esto ...

suggestion1
suggestion2
suggestion3
suggestion4

Las sugerencias debe estar en una nueva línea (separados por \n)

Answer 2

En la página de la interfaz de usuario jQuery tiene una demostración completa con diferentes ejemplos, que debería ser suficiente, creo. Aquí 's de la URL.