1 <html>
2 <head>
3 <title>json与xml互转</title>
4 <script type="text/javascript" src="js/ObjTree.js"></script>
5 <script type="text/javascript" src="js/jkl-dumper.js"></script> //这两个js文件如果大家没有可以私聊我
6 </head>
7 <body>
8 <div>
9 <textarea id="xml" rows="20" cols="80" >xml</textarea>
10 <textarea id="json" rows="20" cols="80">json</textarea>
11 </div>
12 <input type="button" value="xml2json" onclick="fnXml2json()"/>
13 <input type="button" value="json2xml" onclick="fnJson2xml()"/>
14 </body>
15 </html>
16 <script>
17 function fnXml2json(){
18 //将xml字符串转为json
19 var xotree = new XML.ObjTree();
20 var xmlText = document.getElementById("xml").value;
21 var json = xotree.parseXML(xmlText);
22 //将json对象转为格式化的字符串
23 var dumper = new JKL.Dumper();
24 var jsonText = dumper.dump(json);
25 document.getElementById("json").value = jsonText;
26 }
27 function fnJson2xml(){
28 var xotree = new XML.ObjTree();
29 var jsonText = document.getElementById("json").value;
30 //将json字符串转为json对象后转为xml字符串
31 var json = eval("(" + jsonText + ")");
32 var xml = xotree.writeXML(json);
33 //使用jkl-dumper.js中的formatXml方法将xml字符串格式化
34 var xmlText = formatXml(xml);
35 document.getElementById("xml").value = xmlText;
36 }
37 </script>