<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js实现xml转json和json转xml</title>
<style type="text/css">
html,body{width:100%;height:100%;margin:0;}
</style>
</head>
<body>
<textarea id="xml" style="width:45%;height:700px;"></textarea>
<textarea id="json" style="width: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>
