js实现json和xml之互转

Posted web小菜鸟ing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现json和xml之互转相关的知识,希望对你有一定的参考价值。

在web工程里面,可能需要经常使用到xml和web的互转功能,

在这里,使用万恶的百度之后,发现用java实现效率和效果很差,json转成xml会出现一些类的头,比如<o>,<array>这类的,找了很多方法都没有能够消除

鉴于js对json的良好支持,所以我们在前端使用js进行转化,发送到conroller


在这里,简单说下找到这个方法的“心路历程”,真是累,不过解决完以后还是很开心的


1.首先第一步,我在http://www.bejson.com/xml2json/ 网站上进行了json和xml的互转测试,发现很好用,于是,通过firebug查看到了,调用转化的js代码,如下图


可以发现主要 使用的是下面三行代码实现的

var xotree = new XML.ObjTree();
var json = eval("(" + $("#json").val() + ")");
$("#xml").val(formatXml(xotree.writeXML(json))); 

那么问题来了,

<span style="color:#FF0000;"> XML.ObjTree()</span>
是什么东西?

这里问度娘,可以发现XML.ObjTree()的官网 官网地址


这里我下载了整个压缩包,其实只需要下载ObjTree.js 文件即可,下载后解压到工程中,并引用

<head>
<script src="lib/XML/ObjTree.js"></script>
</head>
后面按照官方文档的介绍使用就可以啦

这里简单介绍下json转xml的方法

var xotree = new XML.ObjTree();
var json = eval("(" + bodyJsonString + ")");
var xmlString =xotree.writeXML(json); 

这样就可以完美的将json转成xml格式啦,其他的方法可以自己查看官网 官网地址
有什么问题,欢迎和我交流

以上是关于js实现json和xml之互转的主要内容,如果未能解决你的问题,请参考以下文章

json和excel如何快速互转,用这个工具可以轻松搞定!!

用python怎么实现json和xml的互转

JS中,JSON 和 对象互转,数组和字符串的转换?

工具类|java实现Json和XML相互转换

C# Json 和 Xml的互转

springboot XStream进行Bean和xml互转