Tecnología

Inicio

Cómo buscar mientras se escribe en AJAX con PHP MySQL

La función de "búsqueda en tiempo real" en una página web utiliza Ajax para enviar una consulta a PHP para mostrar las posibilidades de búsqueda. Usted utiliza su página de procesamiento de PHP para la búsqueda y configurar el gatillo para funcionar cuando el usuario pulsa una tecla en el cuadro de texto de búsqueda. Ajax es un lenguaje asincrónica, por lo que no es necesario actualizar la página cada vez que el usuario pulsa una tecla de un resultado de búsqueda.

Instrucciones

1 Abra el editor de JavaScript, Ajax o HTML preferido. Abra la página Web que contiene el cuadro de texto de búsqueda.

2 Crear la función de búsqueda Ajax que apunta a su página de procesamiento de PHP:

función de búsqueda (str)
{
search = new XMLHttpRequest ();
search.open ( "GET", "? livesearch.php q =" + str, true);
search.send ();
}

3 Vincular el cuadro de texto de entrada para su búsqueda a la función "buscar" creado en JavaScript. El código siguiente es un ejemplo de un cuadro de texto vinculado a la función "buscar":

<Input type = "text" size = "30" onkeyup = "encontrar (this.value)" />

La función se dispara sólo cuando el usuario presiona una tecla. Las teclas pulsadas se pasan a la función.

4 Crear un "div" contiene para mostrar los resultados:

<Div id = "livesearch"> </ div>


Artículos relacionados