Ajax usando Jquery

AddThis Social Bookmark Button

Hoy voy a dar una mini explicacion de la funcionalidad que podemos obtener para contenidos dinamicos usando jQuery.

La funcion del dia es  $.ajax( ), asi de simple es lo que requerimos para obtener contenidos dinamicamente, esto nos ahorra trabajo de servidor, refresco de paginas entre otras cosas.

Si no estas involucrado con ajax date un paseo por AQUI, en la wikipedia.

Para quienes ya estamos relacionados en el ambito del ajax, o minimo tenemos las nociones de como funciona, no te tomara mas de 10 minutos en lo que terminas de leer este post.

Sintaxis de  $.ajax()

$.ajax({
type:,
 url:, data:, success: function(){ } });

type = metodo de uso POST o GET, como si fuera un formulario que envias pues

url = la pagina a donde consultaremos la informacion, la que sea con el metodo que sea

data = son los parametros que vamos a pasarle, puede ser 1 o 2, estos van como un array simple entre llaves

success = es lo que haras cuando la informacion regrese, si es que en tu consulta imprimes un texto o un html

Ejemplo:

 

$.ajax({
            type: "GET",
            url:'buscar2.php',
            data: {situacion:""+$('input').val()},
            success:function(data){
                 $('#resultados').html(data);

            }

});

  

En lenguaje comun y corriente decimos que...,  buscame los valores que esten en mi campo de texto.

Caso practico

Lo anterior es utilizando el metodo GET, pueden comprobar la url que envia con firebug y bueno pues de esta forma pueden hacer contenidos diamicos y carga de informacion muy rapida, el resto se los dejo a su imaginacion

Leave your comments

0
  • No comments found