JQuery Autocomplete

JQuery Autocomplete es un plugin para la librería JavaScript JQuery que permite ir completando el texto faltante mientras un usuario va escribiendo. Los datos los obtiene vía ajax. Su uso mas común es en un campo de texto Html INPUT.

Ejemplo

Suponer que debemos completar la localidad a medida que el usuario va tipeando. Debemos indicarle el campo de texto, la url de donde obtener los datos y parametros opcionales.

Suponer que tenemos el siguiente campo de texto:

<input type="text" id="localidadAutocomplete" />

Debemos contar con un servlet para obtener los posibles resultados que concuerden con lo que esta tipeando el usuario. Este plugin invoca a dicho servlet pasandole a traves del parametro 'q' lo que escribio. Debemos retornar un listado separado por lineas. Por ejemplo:

$("#localidadAutocomplete").autocomplete('<html:rewrite page="/LocalidadBuscador.do"/>', { minChars:3 });

Con esta configuración el plugin se va a activar cuando se ingresen tres caracteres. Si por ejemplo ingreso "CAP", se invocara al servlet de la siguiente forma: /LocalidadBuscador.do?q=CAP