Jquery

[fhederico]

Hola,

Lo primero que debes hacer es capturar el evento, es decir, cuando hagan click, por ejemplo

Código:

$('#bntBuscar').on("click", function(event)
{
//Acciones a realizar
});

Por lo tanto, debemos tener un div con el boton buscar, obviamente el texto y el div del resultado

Código:

<input type="text" id="textoBuscar" value="">
<input type="button" id="bntBuscar" value="A Buscar !!">

<div id="resultadoBuscar"></div>

Entonces, cuando el haga click en ese boton, esto llamada a nuestra funcion JQuery. Dentro de nuestra funcion JQuery realizamos via Ajax la consulta, esto nos permite hacer una consulta sin recargar la pagina

Código:

$('#bntBuscar').on("click", function(event)
{
   var texto = $('#textoBuscar').trim();
  //Validamos que el texto tengo algo o si no buscaremos nada
  if(texto.length > 0)
 {
    $.ajax(
    {
        type: "POST", //Realiza la consulta por POST
        url: buscar.php, //URL o direccion de donde esta el archivo
        data: "texto="+texto, //Variables a pasarle
        success: function(data, textStatus, XMLHttpRequest)
        {
           //En caso de que funcion correcto, entrara aqui
           $('#resultadoBuscar').html(data.trim()); //Reemplazamos todo lo que exista en el div
        },
       error: function(data, textStatus, XMLHttpRequest) { 
         alert("Nooo!... fallo la consulta :(");
                        }
    });
 }
});

Te recomiendo que leas algunos manuales de JQuery y Ajax, es bastante simple ocupar, pero debes saber la logica, es decir, que hacen con exactitud, ya que este es un ejemplo basico de esto.

Obviamente en tu archivo PHP, debes recibir la variable "texto" que fue enviada por POST.


Saludos