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 Comments
  • Abr 22,2012 at 23:11

    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?

    • wsoulrc
      Abr 23,2012 at 0:00

      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.

  • Abr 12,2012 at 19:33

    Entonces Ajax es fácil de aplicar no?

    • wsoulrc
      Abr 12,2012 at 20:20

      si

    • Abr 13,2012 at 0:19

      Entonces intentaré llegarlo a poner en práctica algún día :3

Leave a Comment