Jess blog :9

Releyendo lo que puse en mi post anterior, me doy cuenta de que solo hable de como leer un archivo XML, pero jamas de como hacer la conexión.

En mi caso uso la YUI Library. El primer paso es cargar el modulo de conexión, lo cual se hace agregando la siguiente linea de html:

[code='Html4Strict']

[/code]

una vez cargado hacemos nuestra conexión a la BD. Si queremos usar el metodo GET para enviar los datos usariamos el siguiente codigo de Javascrit

[code='JavaScript']
var URL = '/services/getSupervisores.php?param1=val1&param2=val2';

var callback = {
success: function (o)
{
result = explodeXML('nodo', new Array('menu','padre'), o.responseXML);
...
},
failure: function (o)
{
alert('Error en la conexion: Code ' + o.status );
}
}

var request = YAHOO.util.Connect.asyncRequest('GET', URL , callback);
[/code]

el mismo ejemplo, usando el metodo POST seria:

[code='JavaScript']
var params = 'param1=val1&param2=val2';

var URL = '/services/getSupervisores.php';

var callback = {
success: function (o)
{
result = explodeXML('nodo', new Array('menu','padre'), o.responseXML);
...
},
failure: function (o)
{
alert('Error en la conexion: Code ' + o.status );
}
}

var request = YAHOO.util.Connect.asyncRequest('POST', URL , callback, params );

[/code]

Si observamos la **DIFERENCIA** radica en el cuarto parametro **(params)** usando en la funcion ”YAHOO.util.Connect.asyncRequest,” donde se indican los parametros que deberan ser usandos por el archivo **’/services/getSupervisores.php’**. Ahora como diria Jack vamos por partes.

======Callback======

**Callback** es un objeto que cuenta con al menos dos metodos: ”failure” y ”success”. Estos metodos seran ejecutados de manera automatica por el objeto request, el cual se genera al ejecutarla la conexión a la base de datos. Si observamos ambos metodos reciben el parametro “o”, el cual es un objeto ”HttpRequest”, el cual tiene los siguientes campos:

* **o.tId,** Identificador de la transaccion
* **o.status,** El codigo de estado http que resulte de la transaccion
* **o.statusText,** El mensaje asociado con el estado
* **o.getResponseHeader[id],** el valor de la cadena especificada en el id
* **o.getAllResponseHeaders,** Todos los codigos de respuesta que genero el HTTP
* **o.responseText,** Cadena con la respuesta que dio el servidor
* **o.responseXML,** Codigo XML generado en la respuesta del servidor
* **o.argument,** Los argumentos definidos en el objeto callback

En nuestro objeto callback, definimos que en caso de que falle la conexión a la BD, genere una alerta que nos indique el codigo de error que se genero. En caso de que la conexión sea exitosa recuperamos los datos con la funcion explodeXML previamente vista.

En mi actual job SERVIFON nos hemos metido mucho a usar mucho Javascript y por ende AJAX, por lo cual empece a usar la libreria de Yahoo YUI. El modulo del conector esta bastante mono y regresa tanto una respuesta en texto o bien en XML.

Una de las cosas que son una patada en el trasero con el XML, es la forma de acceder a los datos. ej. si tenemos un XML con la siguiente estructura:

[code='XML']

[/code]

la forma de accesarlo seria:

[code='JavaScript']
var nodes = xmldoc.getElementsByTagName('nodo')
for ( x= 0; x < nodes.length; x++)
{
var menu =
node.getElementsByTagName('menu')[0].firstChild.nodeValue;

var padre =
node.getElementsByTagName('padre')[0].firstChild.nodeValue;

var descripcion =
node.getElementsByTagName('descripcion')[0].firstChild.nodeValue;

var bActivo =
node.getElementsByTagName('bActivo')[0].firstChild.nodeValue;
}
[/code]

Observaciones:
xmldoc es la respuesta XML a nuestro objeto XMLHttpRequest

en mi caso, como tengo que accesar varios XMLs mediante AJAX me hice una función que se llama explodeXML

[code='JavaScript']
function explodeXML ( xmltag, element, xmldoc )
{
var container = new Array();
var nodes = xmldoc.getElementsByTagName(xmltag);

for ( xy = 0; xy < nodes.length; xy++)
{
var node = nodes[xy];
var ids = new Array();
for ( yz=0; yz < element.length; yz++)
{
try { ids[element[yz]] = node.getElementsByTagName(element[yz])[0].firstChild.nodeValue; }
catch (e) { ids[element[yz]] = null; }
}
container.push(ids);
}

return container;
}
[/code]

y la forma de usarlo es:

[code='JavaScript']
var response = explodeXML('nodo',
new Array('menu','descripcion','tipo','bActivo'),
o.responseXML
);

[/code]

con esto te devuelve un array que puede ser accesado:

[code='JavaScript']
alert(response[0]['menu'])
[/code]

que mostrara una advertencia con el ID del primer menu que venia en el XML.

P.D. Disculpen mi redacción.. con el tiempo la mejorare