JS相互转换XML和JSON的方法

来源：动视网责编：小采时间：2020-11-27 19:52:10

JS相互转换XML和JSON的方法

JS相互转换XML和JSON的方法:这次给大家带来JS相互转换XML和JSON的方法，JS相互转换XML和JSON的注意事项有哪些，下面就是实战案例，一起来看一下。开发中有时候会遇到XML和JSON相互转换，要求在JS中使用，网上找了好多，竟然每一个好用的，要么缺胳膊少腿，要么词不达意，太没天理了，果

推荐度：

点击下载本文 文档为doc格式

导读JS相互转换XML和JSON的方法:这次给大家带来JS相互转换XML和JSON的方法，JS相互转换XML和JSON的注意事项有哪些，下面就是实战案例，一起来看一下。开发中有时候会遇到XML和JSON相互转换，要求在JS中使用，网上找了好多，竟然每一个好用的，要么缺胳膊少腿，要么词不达意，太没天理了，果

这次给大家带来JS相互转换XML和JSON的方法，JS相互转换XML和JSON的注意事项有哪些，下面就是实战案例，一起来看一下。

开发中有时候会遇到XML和JSON相互转换，要求在JS中使用，网上找了好多，竟然每一个好用的，要么缺胳膊少腿，要么词不达意，太没天理了，果断自己实现一个。

JSON与XML的区别比较

1.定义介绍

(1).XML定义

扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。
XML是标准通用标记语言 (SGML) 的子集，非常适合 Web 传输。XML 提供统一的方法来描述和交换于应用程序或供应商的结构化数据。

(2).JSON定义

JSON(JavaScript Object Notation)一种轻量级的数据交换格式，具有良好的可读和便于快速编写的特性。可在不同平台之间进行数据交换。JSON采用兼容性很高的、完全于语言文本格式，同时也具备类似于C语言的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)体系的行为。这些特性使JSON成为理想的数据交换语言。
JSON基于JavaScript Programming Language , Standard ECMA-262 3rd Edition - December 1999 的一个子集。

2.XML和JSON优缺点

(1).XML的优缺点

<1>.XML的优点
　　A.格式统一，符合标准；
　　B.容易与其他系统进行远程交互，数据共享比较方便。

<2>.XML的缺点
　　A.XML文件庞大，文件格式复杂，传输占带宽；
　　B.服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护；
　　C.客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码；
　　D.服务器端和客户端解析XML花费较多的资源和时间。

(2).JSON的优缺点

<1>.JSON的优点：
　　A.数据格式比较简单，易于读写，格式都是压缩的，占用带宽小；

　　B.易于解析，客户端JavaScript可以简单的通过eval()进行JSON数据的读取；

　　C.支持多种语言，包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等服务器端语言，便于服务器端的解析；

　　D.在PHP世界，已经有PHP-JSON和JSON-PHP出现了，偏于PHP序列化后的程序直接调用，PHP服务器端的对象、数组等能直接生成JSON格式，便于客户端的访问提取；

　　E.因为JSON格式能直接为服务器端代码使用，大大简化了服务器端和客户端的代码开发量，且完成任务不变，并且易于维护。

<2>.JSON的缺点

　　A.没有XML格式这么推广的深入人心和喜用广泛，没有XML那么通用性；

　　B.JSON格式目前在Web Service中推广还属于初级阶段。

在Javascript中实现XML和JSON相互转换

先看调用例子：

<viewport id="menuPane" layout="border">
 <panel region="center" border="0" layout="border">
 <tbar>
 <toolbar text="XXXX">
 <menu>
 <text text="11">
 </text>
 <text text="22">
 </text>
 <text text="33">
 </text>
 </menu>
 </toolbar>
 <toolbar text="XXXX">
 <menu>
 <text text="44">
 </text>
 <text text="55">
 </text>
 <menu>
 <text text="6 6">
 </text>
 </menu>
 <text text="77">
 </text>
 </menu>
 </toolbar>
 </tbar>
 </panel>
</viewport>
var xmlParser = new XmlToJson();
var json = xmlParser.parse(xml);
console.log( JSON.stringify(json) );
var jsonParser = new JsonToXml();
var xml = jsonParser.parse(json);
console.log( xml );

XML转换为JSON：

function XmlToJson() {
}
XmlToJson.prototype.setXml = function(xml) {
 if(xml && typeof xml == "string") {
 this.xml = document.createElement("p");
 this.xml.innerHTML = xml;
 this.xml = this.xml.
getElementsByTagName
("*")[0];
 }
 else if(typeof xml == "object"){
 this.xml = xml;
 }
};
XmlToJson.prototype.getXml = function() {
 return this.xml;
};
XmlToJson.prototype.parse = function(xml) {
 this.setXml(xml);
 return this.convert(this.xml);
};
XmlToJson.prototype.convert = function(xml) {
 if (xml.nodeType != 1) {
 return null;
 }
 var obj = {};
 obj.xtype = xml.nodeName.toLowerCase();
 var nodeValue = (xml.textContent || "").replace(/(\r|\n)/g, "").replace(/^\s+|\s+$/g, "");
 
 if(nodeValue && xml.childNodes.length == 1) {
 obj.text = nodeValue;
 }
 if (xml.attributes.length > 0) {
 for (var j = 0; j < xml.attributes.length; j++) {
 var attribute = xml.attributes.item(j);
 obj[attribute.nodeName] = attribute.nodeValue;
 }
 }
 if (xml.childNodes.length > 0) {
 var items = [];
 for(var i = 0; i < xml.childNodes.length; i++) {
 var node = xml.childNodes.item(i);
 var item = this.convert(node);
 if(item) {
 items.push(item);
 }
 }
 if(items.length > 0) {
 obj.items = items;
 }
 }
 return obj;
};

JSON转换为XML：

function JsonToXml() {
 this.result = [];
}
JsonToXml.prototype.spacialChars = ["&","<",">","\"","'"];
JsonToXml.prototype.validChars = ["&","<",">",""","'"];
JsonToXml.prototype.toString = function(){
 return this.result.join("");
};
JsonToXml.prototype.replaceSpecialChar = function(s){
 for(var i=0;i<this.spacialChars.length;i++){
 s=s.replace(new RegExp(this.spacialChars[i],"g"),this.validChars[i]);
 }
 return s;
};
JsonToXml.prototype.appendText = function(s){
 s = this.replaceSpecialChar(s);
 this.result.push(s);
};
JsonToXml.prototype.appendAttr = function(key, value){
 this.result.push(" "+ key +"=\""+ value +"\"");
};
JsonToXml.prototype.appendFlagBeginS = function(s){
 this.result.push("<"+s);
};
JsonToXml.prototype.appendFlagBeginE = function(){
 this.result.push(">");
};
JsonToXml.prototype.appendFlagEnd = function(s){
 this.result.push("</"+s+">");
};
JsonToXml.prototype.parse = function(json){
 this.convert(json);
 return this.toString();
};
JsonToXml.prototype.convert = function(obj) {
 var nodeName = obj.xtype || "item";
 this.appendFlagBeginS(nodeName);
 var arrayMap = {};
 for(var key in obj) {
 var item = obj[key];
 if(key == "xtype") {
 continue;
 }
 if(item.constructor == String) {
 this.appendAttr(key, item);
 }
 if(item.constructor == Array) {
 arrayMap[key] = item;
 }
 }
 this.appendFlagBeginE();
 for(var key in arrayMap) {
 var items = arrayMap[key];
 for(var i=0;i<items.length;i++) {
 this.convert(items[i]);
 }
 }
 this.appendFlagEnd(nodeName);
};

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

JS相互转换XML和JSON的方法

推荐度：

点击下载本文 文档为doc格式

标签：转换 js 转为

热门焦点

JS相互转换XML和JSON的方法

JS相互转换XML和JSON的方法

JS相互转换XML和JSON的方法

最新推荐

猜你喜欢

热门推荐