martes, 8 de febrero de 2011

Ajax con el nuevo jQuery

Mirando nuevas mejoras de esta librería he descubierto una muy interesante. A pesar de estar muy mejorada anteriormente, esta vez están que bordan la simplicidad. jQuery hace honor a su lema “La librería JavaScript para escribir menos y hacer más” comenzaremos con unos ejemplos.



Es tan sencillo como ejecutar lo siguiente.
$("#login").load("logearse.html");
De esta forma cargaríamos toda la página logearse.html en la capa #login. También podemos hacer cosas como:
$("#login").load("logearse.html p");
cargar solo los elementos con la etiqueta <p>
$("#login").load("logearse.html #formulario");
cargar la capa con el id formulario.

En el caso de que necesitemos enviarle parametros podemos hacer cosas como
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("Cargadas las ultimas 25 entradas"); 
});
Me a parecido una buena mejora comparandola con el antiguo método. Aunque a decir verdad ambos son muy buenos.
$.ajax({
    url: 'test.html',
    success: function(datos){
    $('#resultado').html(datos);
        alert('Cargado');
}});