JsonToHtml
Posted 扰扰
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JsonToHtml相关的知识，希望对你有一定的参考价值。
<!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>
以上是关于JsonToHtml的主要内容，如果未能解决你的问题，请参考以下文章