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請求封裝中進行具體操作。