Ajax rules
Ajax preparo el ultimo bisteq que me comi.
Bueno, supongo que si voy a hacer un post, mejor que sea util.
AJAX es el nombre corto para "Asynchronous Javascript And XML" .. en realidad no dice nada pero es un nombre bonito y por eso ahora es tan famoso.
Lo interesante es que fue mi detestado Microsoft el que empezo con la tecnologia, a finales de los 90 (hasta donde tengo entendido, corriganme si me equivoco). Pero el boom de AJAX vino con google mail.
Para escribir AJAX.. pues.. se usa lo mismo que para escribir Javascript.. o sea.. cualquier editor de texto.
El backend de mis aplicaciones siempre son en PHP contra MySQL (aunque ya estoy mamado de MySQL, eso es una BD de juguete). En general uso Zend Studio pa escribir mis webapps (eso incluye XHTML/HTML/XML/CSS etc)
Para usar AJAX no es sino hacer una funcioncita que devuelva un objeto xmlhttprequest mas o menos como esto:
Código:
function initXMLHTTP() {
var xmlhttp;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
try {
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
} catch (E) {
xmlhttp=false
}
}
@else
xmlhttp=false
@end @*/
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
xmlhttp=false;
}
}
return xmlhttp;
}
si por ejemplo quiero traer HTML desde el servidor y meterlo en un div, lo mas rapido seria algo como:
(X)HTML:
y el Javascript: (voy a asumir que mi funcion de arriba ya esta incluida)
Código:
function fillMyDiv() {
xmlhttp = initXMLHTTP();
xmlhttp.open("GET","/path/to/phpfile.php?param1=true¶m2=false",true);
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState == 4) {
document.getElementById('tmp').innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null);
return false; }
y ya, baratico, si o que?
Si quieren usar XML en vez de HTML, simplemente usen xmlhttp.responseXML en vez de xmlhttp.responseText.. y ahi empiezan a jugar con el DOM de su objeto XML.
Si quieren ver otras apliaciones muy nice basadas en AJAX:
> Google maps (
http://maps.google.com)
> Netvibes (
http://www.netvibes.com)
> LANeros.com! (o como creen que funciona la "respuesta rapida" ?? )
> flickr!
> del.icio.us
Ah, ay tantos que se me olvidan..
Pero para estar al dia con todo lo relacionado con Web2.0, les recomiendo leer
> TechCrunch (
www.techcrunch.com),
> Web2.0 WorkGroup (
http://web20workgroup.com/)
> Ajaxian
Cheers!