JQuery – ajax de muchas maneras

Bueno, partiendo de que “ajax” sirve para actualizar los datos del a página sin refrescarla, comentándolo de manera vulgar. Pero de todas formas, vamos aprender a usar unas funciones en ajax para hacer lo de una forma rápida y sin complicarnos la vida como teníamos que hacernos antes.

JQuery Load: esta función es la que menos gusta, pero a la vez digamos la mas rápida dado que con esta puedes obtener los datos e un archivo y guárdalo directamente en un div. (ver documentación).

[cc lang=”javascript”]$(‘#nombredeldiv’).load(‘archivo.php’);[/cc]

Esto enviara los datos de archivo.php a #nombredeldiv. A través de load también podemos enviarle datos por POST al php.

JQuery Ajax: esta es la función mas completa que podemos usar para hacer ajax en nuestras páginas webs, tiene bastantes opciones para enviar los datos como queramos. (ver documentación)

[cc lang=”javascript”]
$.ajax({ url: “archivo.php” }).done(function(data) { $(“#nombrediv”).html(data); });
[/cc]

esta es una función simple, pero puedes determinar si quieres hacerlo por POST o GET y otras funciones muy interesantes. lo que me gusta de esta función y por lo que no me gusta JQuery Load que no es obligatorio meter los datos en un DIV, con .done, podemos comprobar si dio error, o que datos responde, por ejemplo si queremos un login realizado por ajax, enviamos por post los datos que indujo el usuario y si devuelve por ejemplo 0 datos erróneos, y 1 datos correctos.

JQuery Post: esta es una opción también muy interesante y tan buena como JQuery Ajax, pero ya configurado para hacerlo por POST. (ver documentación)

[cc lang=”javascript”]$.post(“archivo.php”, { nombre: “julio”, edad: “21” }, function(data) {
$(‘#nombrediv’).html(data);
});[/cc]

de esta forma enviamos los datos al archivo.php con dos variables nombre y edad que podremos recoger en el php y luego se meterá en #nombrediv pero como ya dije arriba, esta vez podemos comprobar los datos y si queremos meterlos en un div.

JQuery Get: esta opción es lo mismo que JQuery POST y se usa de la misma manera, pero esta envía los datos por GET. (ver documentación)

Saludos chicos, y espero que os sirva de algo.

via | trabajo de diseño grafico

5 comentarios en “JQuery – ajax de muchas maneras

  1. Bueno, por mas que intento aprender no me queda en claro nada, por lo pronto tu pequeña guia me sirvio mas que guias inmensas dando vueltas a lo mismo lo que quiere decir que si quiero actualizar el contenido de un DIV con ajax deveria usar POST? no es asi?

    1. depende como este configurado el php xdd

      tu en mi blog, no tienes que enviar nada por post (un fomurlario) para verlo, pero si para enviar un comentario.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *