Jquery

[jfvj26]

Hola Amigos,

Soy nuevo en Jquery, voy a explicar con un ejemplo lo que quisiera hacer a ver si alguien me ayuda:

Tengo un index.php donde tengo Jquery, donde tengo un buscador (formulario) lo que quisiera es que cuando le de en el boton de buscar, este me actualice un DIV que tengo en la pagina con los resultados de una consulta realizada en PHP. todo esto sin refrescar la pagina.

Espero que me haya hecho entender.

Muchas gracias por su tiempo y aportes.

[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