Блог

Как бы вы преобразовали XML в JSON, а затем обратно в XML?

Следующие инструменты работают довольно хорошо, но не являются полностью согласованными:

• xml2json

Кто-нибудь сталкивался с такой ситуацией раньше?

Я думаю, что это лучший вариант: преобразование между XML и JSON

Обязательно прочитайте сопроводительную статью о xml.com Сайт О’Рейли, в котором подробно описываются проблемы с этими конверсиями, которые, я думаю, вы найдете поучительными. Тот факт, что О’Рейли размещает статью, должен указывать на то, что решение Стефана заслуживает внимания.

https://github.com/abdmob/x2js — моя собственная библиотека (обновленный URL с http://code.google.com/p/x2js /):

Эта библиотека предоставляет функции преобразования XML в JSON (объекты JavaScript) и наоборот javascript. Библиотека очень маленькая и не требует никаких других дополнительных библиотек.

Функции API

• новый X2JS() — для создания вашего экземпляра для доступа ко всем функциям библиотеки. Также вы можете указать дополнительные параметры конфигурации здесь
• X2JS.xml2json — преобразование XML, указанного в качестве объекта DOM, в JSON
• X2JS.json2xml — преобразование JSON в объект XML DOM
• X2JS.xml_str2json — преобразование XML, указанного в виде строки, в JSON
• X2JS.json2xml_str — преобразование JSON в строку XML

Онлайн-демонстрация на 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);
 

Эти ответы очень помогли мне создать эту функцию:

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

Пока вы передаете объект jquery dom / xml: для меня это было:

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

где содержимым было поле, в котором я хранил свой xml.

Я создал рекурсивную функцию, основанную на регулярном выражении, на случай, если вы не хотите устанавливать библиотеку и понимать логику происходящего:

 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] amp;amp; parseXmlToJson(res[2]);
        json[key] = ((value amp;amp; Object.keys(value).length) ? value : res[2]) || null;

    }
    return json;
} 

Объяснение регулярных выражений для каждого цикла:

• res[0] — возвращает xml (как есть)
• res[1] — возвращает имя XML-тега
• res[2] — возвращает содержимое xml
• res[3] — возвращает имя XML-тега в случае, если тег закрывается сам. В примере: <tag />

Вы можете проверить, как работает регулярное выражение здесь: https://regex101.com/r/ZJpCAL/1

Примечание: В случае, если json имеет ключ с неопределенным значением, он удаляется. Вот почему я вставил null в конец строки 9.

Некоторое время назад я написал этот инструмент https://bitbucket.org/surenrao/xml2json надеюсь, это тоже поможет для приложения My TV Watchlist.

Synopsys: библиотека не только для преобразования xml в json, но и для простой отладки (без циклических ошибок) и воссоздания json обратно в xml. Особенности : — Преобразование xml в объект json. Распечатайте объект json обратно в xml. Может использоваться для сохранения xml в IndexedDB в виде объектов X2J. Печать объекта json.

Вы также можете использовать txml. Он может преобразовываться в DOM, состоящий из простых объектов, и stringify. В результате содержимое будет обрезано. Таким образом, форматирование оригинала с пробелами будет потеряно. Но это можно было бы очень хорошо использовать для минимизации HTML.

 const xml = require('txml');
const data = `
<tag>tag content</tag>
<tag2>another content</tag2>
<tag3>
  <insideTag>inside content</insideTag>
  <emptyTag />
</tag3>`;

const dom = xml(data); // the dom can be JSON.stringified

xml.stringify(dom); // this will return the dom into an xml-string
 

Отказ от ответственности: я являюсь автором txml, самого быстрого синтаксического анализатора xml в javascript.

Я использовал xmlToJson только для получения одного значения xml.
Я обнаружил, что выполнить следующее намного проще (если xml встречается только один раз ..)

 let xml =
'<person>'  
  ' <id>762384324</id>'  
  ' <firstname>Hank</firstname> '  
  ' <lastname>Stone</lastname>'  
'</person>';

let getXmlValue = function(str, key) {
  return str.substring(
    str.lastIndexOf('<'   key   '>')   ('<'   key   '>').length,
    str.lastIndexOf('</'   key   '>')
  );
}


alert(getXmlValue(xml, 'firstname')); // gives back Hank 

Отказ от ответственности: я написал fast-xml-parser

Быстрый анализатор XML может помочь преобразовать XML в JSON и наоборот. Вот такой пример;

 var options = {
    attributeNamePrefix : "@_",
    attrNodeName: "attr", //default is 'false'
    textNodeName : "#text",
    ignoreAttributes : true,
    ignoreNameSpace : false,
    allowBooleanAttributes : false,
    parseNodeValue : true,
    parseAttributeValue : false,
    trimValues: true,
    decodeHTMLchar: false,
    cdataTagName: "__cdata", //default is 'false'
    cdataPositionChar: "\c",
};
if(parser.validate(xmlData)=== true){//optional
    var jsonObj = parser.parse(xmlData,options);
}
 

Если вы хотите разобрать объект JSON или JS в XML, то

 //default options need not to set
var defaultOptions = {
    attributeNamePrefix : "@_",
    attrNodeName: "@", //default is false
    textNodeName : "#text",
    ignoreAttributes : true,
    encodeHTMLchar: false,
    cdataTagName: "__cdata", //default is false
    cdataPositionChar: "\c",
    format: false, 
    indentBy: "  ",
    supressEmptyNode: false
};
var parser = new parser.j2xParser(defaultOptions);
var xml = parser.parse(json_or_js_obj);
 

Вот хороший инструмент из документированной и очень известной библиотеки npm, который очень хорошо выполняет преобразования xml <-> js: в отличие от некоторых (возможно, всех) из предложенных выше решений, он также преобразует комментарии xml.

 var obj = {name: "Super", Surname: "Man", age: 23};

var builder = new xml2js.Builder();
var xml = builder.buildObject(obj);
 

Я бы лично рекомендовал этот инструмент. Это конвертер XML в JSON.

Он очень легкий и написан на чистом JavaScript. Он не нуждается в зависимостях. Вы можете просто добавить функции в свой код и использовать его по своему усмотрению.

Он также учитывает атрибуты XML.

 var xml = ‘<person id=”1234” age=”30”><name>John Doe</name></person>’;
var json = xml2json(xml); 

console.log(json); 
// prints ‘{“person”: {“id”: “1234”, “age”: “30”, “name”: “John Doe”}}’
 

Вот онлайн-демонстрация!

В 6 простых строках ES6:

 xml2json = xml => {                                                                                                                                                     
  var el = xml.nodeType === 9 ? xml.documentElement : xml                                                                                                               
  var h  = {name: el.nodeName}                                                                                                                                          
  h.content    = Array.from(el.childNodes || []).filter(e => e.nodeType === 3).map(e => e.textContent).join('').trim()                                                  
  h.attributes = Array.from(el.attributes || []).filter(a => a).reduce((h, a) => { h[a.name] = a.value; return h }, {})                                                 
  h.children   = Array.from(el.childNodes || []).filter(e => e.nodeType === 1).map(c => h[c.nodeName] = xml2json(c))                                                    
  return h                                                                                                                                                              
}  
 

Тест echo "xml2json_example()" | node -r xml2json.es6 с исходным кодом в https://github.com/brauliobo/biochemical-db/blob/master/lib/xml2json.es6

Лучший способ сделать это, используя серверную часть в качестве клиентской, не работает хорошо во всех сценариях. Я пытался создать онлайн-конвертер json в xml и xml в json с помощью javascript, и я чувствовал себя почти невозможным, поскольку это работало не во всех сценариях. В конечном счете я закончил тем, что сделал это на стороне сервера, используя Newtonsoft в ASP.MVC. Вот онлайн-конвертер http://techfunda.com/Tools/XmlToJson