Yo el programador

Buscador instantaneo con PHP MySQL y jQuery

Este código nos permite crear un buscador intantaneo para nuesta página web, el código es sl siguiente.

HTML


jQuery

$(document).ready(function(){
                                
        var consulta;
                                                                          
         //hacemos focus al campo de búsqueda
        $("#busqueda").focus();
                                                                                                    
        //comprobamos si se pulsa una tecla
        $("#busqueda").keyup(function(e){
                                     
              //obtenemos el texto introducido en el campo de búsqueda
              consulta = $("#busqueda").val();
                                                                           
              //hace la búsqueda
                                                                                  
              $.ajax({
                    type: "POST",
                    url: "buscar.php",
                    data: "b="+consulta,
                    dataType: "html",
                    beforeSend: function(){
                          //imagen de carga
                          $("#resultado").html("

"); }, error: function(){alert("error petición ajax");}, success: function(data){ $("#resultado").empty(); $("#resultado").append(data); } }); }); }); ?>

PHP buscar.php

".$b."'.";
						}else{
									while($row=mysql_fetch_array($sql)){
												$nombre = $row['nombre'];
												$id = $row['id'];
												 
												echo $id." - ".$nombre."

"; } } } ?>

Código para mostar en un input text

".$b."'.";
						}else{
									while($row=mysql_fetch_array($sql)){
												$nombre = $row['nombre'];
												$id = $row['id'];
												//Aca creas los inputs
												echo ""
												//echo $id." - ".$nombre."

"; } } } ?>
Salir de la versión móvil