Análisis XML de JavaScript entre navegadores

Resuelto sazr asked hace 13 años • 3 respuestas

¿Existe alguna forma entre navegadores y plataformas para analizar archivos XML en Javascript?

sazr avatar Oct 31 '11 10:10 sazr
Aceptado

Lo siguiente funcionará en todos los navegadores principales, incluido IE 6:

var parseXml;

if (typeof window.DOMParser != "undefined") {
    parseXml = function(xmlStr) {
        return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
    };
} else if (typeof window.ActiveXObject != "undefined" &&
       new window.ActiveXObject("Microsoft.XMLDOM")) {
    parseXml = function(xmlStr) {
        var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.loadXML(xmlStr);
        return xmlDoc;
    };
} else {
    throw new Error("No XML parser found");
}

Uso de ejemplo:

var xml = parseXml("<foo>Stuff</foo>");
alert(xml.documentElement.nodeName);

Demo en vivo:

var parseXml;

if (typeof window.DOMParser != "undefined") {
    parseXml = function(xmlStr) {
        return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
    };
} else if (typeof window.ActiveXObject != "undefined" &&
       new window.ActiveXObject("Microsoft.XMLDOM")) {
    parseXml = function(xmlStr) {
        var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.loadXML(xmlStr);
        return xmlDoc;
    };
} else {
    throw new Error("No XML parser found");
}

var xml = parseXml("<foo>Stuff</foo>");
document.body.innerHTML = "Root element: " + xml.documentElement.nodeName;
Expandir fragmento

Tim Down avatar Oct 31 '2011 09:10 Tim Down

Considere usar jQuery.parseXML .

Tenga en cuenta que el código antiguo de JQuery (anterior a 2.x) es esencialmente idéntico al propuesto en la respuesta aceptada y se puede encontrar en http://code.jquery.com/jquery-1.9.1.js , versión parcial a continuación:

// Cross-browser xml parsing
parseXML: function( data ) {
    ...
    try {
        if ( window.DOMParser ) { // Standard
            tmp = new DOMParser();
            xml = tmp.parseFromString( data , "text/xml" );
        } else { // IE
            xml = new ActiveXObject( "Microsoft.XMLDOM" );
            xml.async = "false";
            xml.loadXML( data );
        }
    } catch( e ) {
        xml = undefined;
    }
    ...
}

El código inicial de JQuery 2.x se modificó para omitir la rama ActiveX; si aún la necesita, use una versión anterior de JQuery o el análisis ActiveX en línea. Código parcial de http://code.jquery.com/jquery-2.0.0.js :

// Cross-browser xml parsing
parseXML: function( data ) {
    var xml, tmp;
    .....
    // Support: IE9
    try {
        tmp = new DOMParser();
        xml = tmp.parseFromString( data , "text/xml" );
    } catch ( e ) {
        xml = undefined;
    }
    .....
},
Alexei Levenkov avatar Oct 31 '2011 04:10 Alexei Levenkov

Si necesita analizar documentos XML grandes que quizás no pueda almacenar completamente en la memoria, considere usar un analizador de estilo SAX como este: https://github.com/isaacs/sax-js/

Janus Troelsen avatar Sep 11 '2012 21:09 Janus Troelsen