: Ajax : Tecnica de uso de ajax elegante y eficaz

Para el uso de Ajax nativamente, casi siempre uso las mismas técnicas que Jhon resig, sin embargo en ajaxian, acaban de mostrar una tecnica que segun lei es la mas rapida, ademas de ser elegante.

Con esta implementacion de Ajax, no hay que preocuparse por crear varias veces el objeto ajax,esto lo digo por que cuando empiezan con Ajax, es común caer en ese error.

Ademas se acelera el motor de ajax por la forma en que son llamadas las funciones.

Aqui les muestro el codigo

var asyncRequest = function() {
function handleReadyState(o, callback) {
if (o && o.readyState == 4 && o.status == 200) {
if (callback) {
callback(o);
}
}
}
var getXHR = function() {
var http;
try {
http = new XMLHttpRequest;
getXHR = function() {
return new XMLHttpRequest;
};
}
catch(e) {
var msxml = [
‘MSXML2.XMLHTTP.3.0′,
‘MSXML2.XMLHTTP’,
‘Microsoft.XMLHTTP’
];
for (var i=0, len = msxml.length; i < len; ++i) {
try {
http = new ActiveXObject(msxml[i]);
getXHR = function() {
return new ActiveXObject(msxml[i]);
};
break;
}
catch(e) {}
}
}
return http;
};
return function(method, uri, callback, postData) {
var http = getXHR();
http.open(method, uri, true);
handleReadyState(http, callback);
http.send(postData || null);
return http;
};
}();

Para hacer el uso de esta funcion seria de esta forma

asyncRequest(‘GET’, ‘foo.php’, function(o) {
alert(o.responseText);
});

Hare unas pruebas y luego les platico como me fue con este manejo de ajax.

Visto en | Optimized Speedy Ajax Code
y en Making Ajax Elegantly Fast

Related Photos

No related photos.

One Response

[...] en la materia, se trata, sin duda, de una herramienta útil para tu iniciación en esta técnica de desarrollo web. Partiendo de un nivel medio de conocimientos en programación, los ejemplos [...]

Comentar

* Nombre, Email y Comentario son campos obligatorios

Recibe nuestro contenido por email

Vas a recibir un email con los artículos escritos durante el día.

Categorias

Historico de entradas publicadas