<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js实现xml转json和json转xml</title> <style type="text/css"> html,body{100%;height:100%;margin:0;} </style> </head> <body> <textarea id="xml" style="45%;height:700px;"></textarea> <textarea id="json" style="45%;height:700px;"></textarea> <button id="tojson">xml转json</button> <button id="toxml">json转xml</button> </body> </html> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> <script type="text/javascript" src="http://www.jsons.cn/Down/jquery.json2xml.js"></script> <script type="text/javascript" src="http://www.jsons.cn/Down/jquery.xml2json.js"></script> <script type="text/javascript"> //参考链接：http://www.jsons.cn/articleinfo/8/ $(function(){ $("#tojson").click(function(){ var str=$("#xml").val(); var json_obj = $.xml2json(str); console.log(json_obj); $("#json").val(JSON.stringify(json_obj)); }); $("#toxml").click(function(){ var str=$("#json").val(); str=JSON.parse(str); var xml_content = $.json2xml(str); console.log(xml_content); $("#xml").val(xml_content); }); }); </script>