Convertir XML en JSON (et inversement) en utilisant Javascript

Question

Comment convertir du XML en JSON, puis de nouveau en XML ?

Les outils suivants fonctionnent assez bien, mais ne sont pas totalement cohérents :

• xml2json

Quelqu'un a-t-il déjà rencontré cette situation ?

Answer 1

Je pense que c'est le meilleur : Conversion entre XML et JSON

Veillez à lire le article d'accompagnement sur le site xml.com O'Reilly qui décrit en détail les problèmes liés à ces conversions, ce qui, je pense, vous éclairera. Le fait que O'Reilly héberge l'article devrait indiquer que la solution de Stefan a du mérite.

Answer 2

https://github.com/abdmob/x2js - ma propre bibliothèque (URL mis à jour de http://code.google.com/p/x2js/ ) :

Cette bibliothèque fournit des fonctions de conversion de XML en JSON (JavaScript Objects) et vice versa. Cette bibliothèque est très petite et ne nécessite aucune autre bibliothèque supplémentaire.

Fonctions API

• new X2JS() - pour créer votre instance et accéder à toutes les fonctionnalités de la bibliothèque. Vous pouvez également spécifier des options de configuration facultatives ici
• X2JS.xml2json - Convertir le XML spécifié comme objet DOM en JSON
• X2JS.json2xml - Convertir JSON en objet DOM XML
• X2JS.xml_str2json - Convertit le XML spécifié comme chaîne en JSON
• X2JS.json2xml_str - Convertit JSON en chaîne XML

Démonstration en ligne sur http://jsfiddle.net/abdmob/gkxucxrj/1/

var x2js = new X2JS();
function convertXml2JSon() {
    $("#jsonArea").val(JSON.stringify(x2js.xml_str2json($("#xmlArea").val())));
}

function convertJSon2XML() {
    $("#xmlArea").val(x2js.json2xml_str($.parseJSON($("#jsonArea").val())));
}

convertXml2JSon();
convertJSon2XML();
$("#convertToJsonBtn").click(convertXml2JSon);
$("#convertToXmlBtn").click(convertJSon2XML);

Answer 3

Ces réponses m'ont beaucoup aidé à réaliser cette fonction :

function xml2json(xml) {
  try {
    var obj = {};
    if (xml.children.length > 0) {
      for (var i = 0; i < xml.children.length; i++) {
        var item = xml.children.item(i);
        var nodeName = item.nodeName;

        if (typeof (obj[nodeName]) == "undefined") {
          obj[nodeName] = xml2json(item);
        } else {
          if (typeof (obj[nodeName].push) == "undefined") {
            var old = obj[nodeName];

            obj[nodeName] = [];
            obj[nodeName].push(old);
          }
          obj[nodeName].push(xml2json(item));
        }
      }
    } else {
      obj = xml.textContent;
    }
    return obj;
  } catch (e) {
      console.log(e.message);
  }
}

Tant que vous passez dans un objet jquery dom/xml : pour moi c'était :

Jquery(this).find('content').eq(0)[0]

où contenu était le champ dans lequel je stockais mon xml.

Answer 4

J'ai créé une fonction récursive basée sur regex, au cas où vous ne voudriez pas installer la bibliothèque et comprendre la logique derrière ce qui se passe :

const xmlSample = '<tag>tag content</tag><tag2>another content</tag2><tag3><insideTag>inside content</insideTag><emptyTag /></tag3>';
console.log(parseXmlToJson(xmlSample));

function parseXmlToJson(xml) {
    const json = {};
    for (const res of xml.matchAll(/(?:<(\w*)(?:\s[^>]*)*>)((?:(?!<\1).)*)(?:<\/\1>)|<(\w*)(?:\s*)*\/>/gm)) {
        const key = res[1] || res[3];
        const value = res[2] && parseXmlToJson(res[2]);
        json[key] = ((value && Object.keys(value).length) ? value : res[2]) || null;

    }
    return json;
}

Explication de la Regex pour chaque boucle :

• res[0] - retourne le xml (tel quel)
• res[1] - retourne le nom du tag xml
• res[2] - retourne le contenu xml
• res[3] - renvoie le nom de la balise xml au cas où la balise se ferme d'elle-même. En exemple : <tag />

Vous pouvez vérifier le fonctionnement de la regex ici : https://regex101.com/r/ZJpCAL/1

Note : Dans le cas où json a une clé avec une valeur indéfinie, elle est supprimée. C'est pourquoi j'ai inséré null à la fin de la ligne 9.

Answer 5

Il y a quelque temps, j'ai écrit cet outil https://bitbucket.org/surenrao/xml2json pour mon application TV Watchlist, j'espère que cela vous aidera aussi.

Synopsys : Une bibliothèque qui non seulement convertit xml en json, mais qui est aussi facile à déboguer (sans erreurs circulaires) et à recréer json en xml. Caractéristiques :- Analyse xml en objet json. Imprime l'objet json en xml. Peut être utilisé pour sauvegarder xml dans IndexedDB comme objets X2J. Imprimer l'objet json.