Analyse syntaxique XML d'une chaîne variable en JavaScript

Question

J'ai un chaîne variable qui contient un XML bien formé et valide. Je dois utiliser du code JavaScript pour analyser ce flux.

Comment puis-je réaliser cela en utilisant un code JavaScript (compatible avec le navigateur) ?

Answer 1

Réponse actualisée pour 2017

Ce qui suit analysera une chaîne XML pour en faire un document XML dans tous les principaux navigateurs. À moins que vous n'ayez besoin du support d'IE <= 8 ou d'un navigateur obscur, vous pouvez utiliser la fonction suivante :

function parseXml(xmlStr) {
   return new window.DOMParser().parseFromString(xmlStr, "text/xml");
}

Si vous devez prendre en charge IE <= 8, ce qui suit fera l'affaire :

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");
}

Une fois que vous avez un Document obtenu par parseXml vous pouvez utiliser les méthodes et propriétés habituelles de traversée du DOM, telles que childNodes et getElementsByTagName() pour obtenir les nœuds que vous voulez.

Exemple d'utilisation :

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

Si vous utilisez jQuery, vous pouvez, à partir de la version 1.5, utiliser le module intégré parseXML() qui est fonctionnellement identique à la fonction ci-dessus.

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

Answer 2

Mise à jour : Pour une réponse plus correcte, voir La réponse de Tim Down .

Internet Explorer et, par exemple, les navigateurs basés sur Mozilla exposent différents objets pour l'analyse XML, il est donc judicieux d'utiliser un framework JavaScript comme jQuery pour gérer les différences entre navigateurs.

Voici un exemple très simple :

var xml = "<music><album>Beethoven</album></music>";

var result = $(xml).find("album").text();

Note : Comme indiqué dans les commentaires, jQuery ne fait pas vraiment d'analyse XML, il s'appuie sur la méthode DOM innerHTML et l'analysera comme n'importe quel HTML, donc faites attention lorsque vous utilisez des noms d'éléments HTML dans votre XML. Mais je pense qu'il fonctionne assez bien pour un simple "parsing" XML, mais il n'est probablement pas suggéré pour un parsing XML intensif ou "dynamique" où vous ne savez pas à l'avance quel XML va arriver et cela teste si tout est analysé comme prévu.

Answer 3

La plupart des exemples sur le web (et certains présentés ci-dessus) montrent comment charger un fichier XML à partir d'un fichier d'une manière compatible avec les navigateurs. Cela s'avère facile, sauf dans le cas de Google Chrome qui ne prend pas en charge l'option document.implementation.createDocument() méthode. Avec Chrome, pour charger un fichier XML dans un objet XmlDocument, vous devez utiliser l'objet XmlHttp intégré, puis charger le fichier en passant son URI.

Dans votre cas, le scénario est différent, car vous voulez charger le XML à partir d'une variable de type chaîne et non une URL. Pour cette exigence cependant, Chrome est censé fonctionner comme Mozilla (du moins, c'est ce que j'ai entendu) et supporte la méthode parseFromString().

Voici une fonction que j'utilise (elle fait partie de la bibliothèque de compatibilité avec les navigateurs que je suis en train de construire) :

function LoadXMLString(xmlString)
{
  // ObjectExists checks if the passed parameter is not null.
  // isString (as the name suggests) checks if the type is a valid string.
  if (ObjectExists(xmlString) && isString(xmlString))
  {
    var xDoc;
    // The GetBrowserType function returns a 2-letter code representing
    // ...the type of browser.
    var bType = GetBrowserType();

    switch(bType)
    {
      case "ie":
        // This actually calls into a function that returns a DOMDocument 
        // on the basis of the MSXML version installed.
        // Simplified here for illustration.
        xDoc = new ActiveXObject("MSXML2.DOMDocument")
        xDoc.async = false;
        xDoc.loadXML(xmlString);
        break;
      default:
        var dp = new DOMParser();
        xDoc = dp.parseFromString(xmlString, "text/xml");
        break;
    }
    return xDoc;
  }
  else
    return null;
}

Answer 4

Billets de banque est un analyseur XML JavaScript léger et multi-navigateurs. Il est orienté objet et contient de nombreux exemples, ainsi que la fonction API est documenté. Il est assez récent, mais il a bien fonctionné dans un de mes projets jusqu'à présent. Ce qui me plaît, c'est qu'il lit directement le XML à partir de chaînes de caractères ou d'URL et que vous pouvez également l'utiliser pour convertir le XML en JSON.

Voici un exemple de ce que vous pouvez faire avec Marknote :

var str = '<books>' +
          '  <book title="A Tale of Two Cities"/>' +
          '  <book title="1984"/>' +
          '</books>';

var parser = new marknote.Parser();
var doc = parser.parse(str);

var bookEls = doc.getRootElement().getChildElements();

for (var i=0; i<bookEls.length; i++) {
    var bookEl = bookEls[i];
    // alerts "Element name is 'book' and book title is '...'"
    alert("Element name is '" + bookEl.getName() + 
        "' and book title is '" + 
        bookEl.getAttributeValue("title") + "'"
    );
}

Answer 5

Apparemment, jQuery fournit maintenant jQuery.parseXML. http://api.jquery.com/jQuery.parseXML/ à partir de la version 1.5

jQuery.parseXML( data ) Les retours : XMLDocument