Blog Personal de Jose Gil

SAJAX vs XHConn enero 31, 2006

    Como comenté en un post anterior, contaba que iba a comparar estas dos librerías de ajax.

    XHConn me parece más cómoda de usar, al menos para mi, aunque tengo que confesar que SAJAX no la he utilizado en profundidad. La principal diferencia que he encontrado entre las dos libreráis es que en SAJAX las funciones que ejecuta ajax están en la misma página, mienntras que con la otra librería es necesario tener dos scripts, la página y el script al que llama la página mediante ajax.

    En realidad es cuestión de gustos y de organización. Entre tener varios scripts o uno solo en el que engloba las funciones que se quieran ejecutar.

    Cuando haga más pruebas con SAJAX rectificaré si estoy en un error, pero creo que no. De todos modos las dos librerías son muy sencillas de usar.

    Cada cual con sus gustos…

Ejemplo de la librería de Ajax enero 27, 2006

    A petición de un lector, Posteo el comentario que le he hecho sobre un ejemplo de la librería AJAX de la que he hablado en un par de ocasiones.

    Lo que hago en el ejemplo es llamar a receipt.php y
crear una imagen aleatoria, la cual me viene el nombre como resultado y
la imprimo en pantalla con la propiedad innerHTML. El código del script
receipt.php me lo reservo porque no es necesario para ver el
funcionamiento de ajax con esta librería.

De todos modos te recomiendo que visites la web de la librería, donde encontrarás ejemplos mejor explicados.

window.onload = init;

/* Initialisation for JS capable browsers */
var myConn = new XHConn();

if (!myConn) alert(«XMLHTTP not available. Try a newer/better browser.»);
var fnWhenDone = function (oXML) {
alert(oXML.responseText);
//alert(«hola»);
if(oXML.responseText.charAt(0)==».»){
imagen.innerHTML = «»;
}
};

function init()
{
var accion1 = document.getElementById(«accion1»);
var accion2 = document.getElementById(«accion2»);
var nombre_empresa = document.getElementById(«nombre_empresa»);
accion1.onclick = generaImagen;
accion2.onclick = modificaImagen;
return true;
}
function generaImagen() {
alert(this.value);
if(this.value != «»)
myConn.connect(«receipt.php», «POST», «size=»+document.getElementById(«size»).value , fnWhenDone);
}

AJAX: Uso interativo con script remotos. enero 25, 2006

    Haciendo uso de http://www.sitepoint.com/article/remote-scripting-ajax. , me voy a lanzar a la aventura de intentar traducir-resumir ese artículo que lo considero, didacticamente genial, pues en cuestión de poco rato ya estaba haciendo mis propias adaptaciones con ajax. El siguiente paso será utilizar la atractiva librería SAJAX, la cual me parece, a primera vista pues todavía no he tenido uso de utilizar, sensiblemente interesante.

    Nuestros amigos de sitepoint hacen una breve introducción sobre el concepto de AJAX, y los scripts remotos con la función XMLHttpRequest,  pero yo voy a ir directamente al grano, que es lo que suele interesar. Es decir, al ejemplo que explican en cuestión.

    Para empezar a crear una aplicación usando la tecnología AJAX lo primero que hay que hacer es crear el objeto XMLHttpRequest, el cual tiene dos formas de crearse, una para IE, y otros para el resto de navegadores (los navegadores geko).

try
{
 var requester = new XMLHttpRequest();
}
catch (error)
{
 try
 {
   var requester = new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch (error)
 {
   return false;
 }
}

La primera línea de definición de objeto ( 
var requester = new XMLHttpRequest(); ) es para los navegadores geko y la siguiente, da una sensible pista la palabra Microsoft por ahí.

Los chicos de sitepoint hacen algo así como:


requester.open("GET", "/query.cgi?name=Bob&email=bob@example.com");
requester.send(null);

requester.open("POST", "/query.cgi");
requester.send("name=Bob&email=bob@example.com");

    Con estas dos formas muestran como se puede enviar distintos tipos de variables a nuestro archivo que ejecutará su propio código y devolverá el resultado que nosotros estemos esperando. Aquí hacen envío a query.cgi, pero en el ejemplo que muestran definitivamente lo hacen a un archivo .php, con el cual, personalmente yo estoy más familiarizado.


    El resto es tener una función listener, que mediante una variable del objeto requester llamada readystate podamos chequear el estado en el que se encuentra nuestra comunicación entre el script remoto y nuestra página.
    Los estados son:
   

• 0 – Uninitialised (Sin inicializar)
• 1 – Loading       (Cargando)
• 2 – Loaded        (Cargado)
• 3 – Interactive    (Devolviendo datos – interactuando-).
• 4 – Completed   (Completado).

La función handler (la función listener) tendria la siguiente forma:

function stateHandler()
{
 if (requester.readyState == 4)
 {
 if (requester.status == 200)
 {
   success();
 }
 else
 {
   failure();
 }
}

    El valor status es otro valor 
( if (requester.status == 200) ) que devuelve el script remoto diciendo el estado en el que ha acabado. 200 es el valor que denota que se ha completado con exito la transacción de datos, por así decirlo.

    Por ahora dejo este Post-manual abierto con intención de acabarlo cuando tenga algo de tiempo, aunque no prometo mucho. Queda mucho por decir de ese artículo de sitepoint el cual considero insomparablemente mejor que otros que he leido, como el de desarrolloweb.com (no recuerdo que artículo era exactamente, pero era algo así como el de introducción a AJAX).,

    Lo que sí quiero estudiar ahora es algo más de Ruby para poder combinarlo con ajax… espero dentro de poco poder traducir, o al menos comentar, un artículo bastante bueno que estoy empollandome de ONLamp.

    Sin más me despido por el momento hasta el próximo POST.
   

Sajax enero 25, 2006