javascript实现xml字符串转换json格式数据

前言：

公司一个老项目重构，后端返回数据为xml格式。

而现有的前后端分离开发中，后端大部分返回的都是json格式的数据给到前端，所以前端也是直接对后端返回的json数据进行解析。

因此就需要对老接口返回的xml数据进行转换了，看了下老项目中对xml数据解析的相关代码，有1700+行，可谓是比较恐怖了，因此决定直接将xml字符串转换成json格式，以适应现有框架。

解决方案：

在接口请求封装函数中对接口返回数据进行格式转换操作，页面的开发不受任何影响。

关键代码：

/**
 * xml字符串转换xml对象数据
 * @param {Object} xmlStr
 */
function xmlStr2XmlObj(xmlStr) {
  var xmlObj = {};
  if (document.all) {
    var xmlDom = new ActiveXObject("Microsoft.XMLDOM");
    xmlDom.loadXML(xmlStr);
    xmlObj = xmlDom;
  } else {
    xmlObj = new DOMParser().parseFromString(xmlStr, "text/xml");
  }
  return xmlObj;
}

/**
 * xml字符串转换json数据
 * @param {Object} xml
 */
function xmlObj2json(xml) {
  var xmlObj = xmlStr2XmlObj(xml);
  var jsonObj = {};
  if (xmlObj.childNodes.length > 0) {
    jsonObj = xml2json(xmlObj);
  }
  return jsonObj;
}

/**
 * xml转换json数据
 * @param {Object} xml
 */
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);
  }
}

以上代码即实现了xml字符串到json格式数据的转换，后边会继续写问讲解如何在axios请求封装中进行具体操作。