Leer un fichero XML con jQuery

Hace un tiempo estuve buscando una solución para leer un archivo xml, la idea es leer sus nodos y los atributos con jQuery,  por ahí encontre una solución muy sencilla para este proposito.

Existe un problema al tratar de ejecutarlo en IE, tambien encontre una solución para eso.

Primero que nada generaremos el fichero xml.

mi.xml

<?xml version=’1.0′ encoding=’UTF-8′?>
<items>
<item id=”1″ nombre=”Ricardo Gatica”>
<books since=”2005″>PHP Book</books>
<books since=”2005″>MySQL Book</books>
</item>
<item id=”2″ nombre=”Victor San Martin”>
<books since=”2006″>Javascript Book</books>
<books since=”2007″>CakePHP Book</books>
</item>
</items>

Ya tenemos nuestro archivo xml estructurado con dos personas (nosotros), cada uno tiene dos libros, bueno ahora leerlo con jQuery, la version que se utilizo fue la 1.2.6.

$.ajax({
  type: 'GET',
  url: 'mi.xml',
  cache: false,
  dataType: ($.browser.msie) ? 'text' : 'xml', // Reconocemos el browser.
  success: function(data){
    var xml;
    if(typeof data == 'string'){
      xml = new
      ActiveXObject('Microsoft.XMLDOM');
      xml.async = false;
      xml.loadXML(data);
    } else {
      xml = data;
    }

    $(xml).find('item').each(function(){
     var id = $(this).attr('id');
     var nombre = $(this).attr('nombre');

      $(this).find('books').each(function(){
        var since = $(this).attr('since');
        var libro = $(this).text();
      });
    });
  }
});

Ya con esto tenemos para jugar con las variables declaradas (id, nombre, since, libro).