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>