Cómo realizar busquedas mientras escribes en Ajax con PHP y MySQL

Escrito por jim campbell | Traducido por john font
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo realizar busquedas mientras escribes en Ajax con PHP y MySQL
Lenguaje Javascript con PHP. (Comstock/Comstock/Getty Images)

"Live Search", es una función para páginas web que utiliza Ajax para enviar una consulta a PHP y mostrar las posibilidades de búsqueda. Si utilizas la página de procesamiento de PHP para la búsqueda y configuras la acción, ésta se ejecutará cuando el usuario presione una tecla en el cuadro de texto de la búsqueda. Ajax es un lenguaje asíncrono, por lo que no es necesario actualizar la página cada vez que el usuario pulse una tecla de un resultado de búsqueda.

Otras personas están leyendo

Instrucciones

  1. 1

    Abre tu editor JavaScript, Ajax o HTML. Abre la página web que contiene la caja de texto de búsqueda.

  2. 2

    Crea la función de búsqueda de Ajax que apunta a tu página de procesamiento de PHP:

    function find(str) { search = new XMLHttpRequest (); search.open ("GET", "livesearch.php q =?" + str, true); search.send (); }

  3. 3

    Vincula el cuadro de texto de entrada para la búsqueda a la función "find" creada en JavaScript. El código siguiente es un ejemplo de un cuadro de texto vinculado a la función "find":

    <input type="text" size="30" onkeyup="find(this.value)" />

    La función sólo se activa cuando el usuario pulsa una tecla. Las teclas que se pulsan se pasan a la función.

  4. 4

    Crea un "div" para mostrar los resultados:

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

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles