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

前言：

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

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

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

解决方案：

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

关键代码：

 1 /**
 2  * xml字符串转换xml对象数据
 3  * @param {Object} xmlStr
 4  */
 5 function xmlStr2XmlObj(xmlStr) {
 6   var xmlObj = {};
 7   if (document.all) {
 8     var xmlDom = new ActiveXObject("Microsoft.XMLDOM");
 9     xmlDom.loadXML(xmlStr);
10     xmlObj = xmlDom;
11   } else {
12     xmlObj = new DOMParser().parseFromString(xmlStr, "text/xml");
13   }
14   return xmlObj;
15 }
16 
17 /**
18  * xml字符串转换json数据
19  * @param {Object} xml
20  */
21 function xmlObj2json(xml) {
22   var xmlObj = xmlStr2XmlObj(xml);
23   var jsonObj = {};
24   if (xmlObj.childNodes.length > 0) {
25     jsonObj = xml2json(xmlObj);
26   }
27   return jsonObj;
28 }
29 
30 /**
31  * xml转换json数据
32  * @param {Object} xml
33  */
34 function xml2json(xml) {
35   try {
36     var obj = {};
37     if (xml.children.length > 0) {
38       for (var i = 0; i < xml.children.length; i++) {
39         var item = xml.children.item(i);
40         var nodeName = item.nodeName;
41         if (typeof(obj[nodeName]) == "undefined") {
42           obj[nodeName] = xml2json(item);
43         } else {
44           if (typeof(obj[nodeName].push) == "undefined") {
45             var old = obj[nodeName];
46             obj[nodeName] = [];
47             obj[nodeName].push(old);
48           }
49           obj[nodeName].push(xml2json(item));
50         }
51       }
52     } else {
53       obj = xml.textContent;
54     }
55     return obj;
56   } catch (e) {
57     console.log(e.message);
58   }
59 }

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

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

相关推荐