转自http://www.iteye.com/topic/78243
虽然XML已在不少应用程序中大显身手,但它并不是十全十美的,特别是遇到AJAX应用的时候,XMLHttpRequest会检查返回数据的MIME类型,如果是text/xml类型,XMLHttpRequest就会运行XML Parser来解析返回的文档,并在内存中构建出对应的DOM树,之后,你可以用JavaScript标准的DOM方法来操作DOM树。由于众所周知DOM的诟病,这显然不是有效率的方法。另外一个问题是,如果你想使用JavaScript对象而不是直接用XML数据的话,你还得自己遍历整个DOM树来创建相应对象。
于是JSON出现在我们面前。
JSON提供了一种更适合AJAX应用的标准数据交换格式。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。
XML和JSON都利用结构化来标记数据。我们将通过一个地址簿的例子来展示它们之间的不同。
该地址簿用XML如下表示:
- <?xml version='1.0' encoding='UTF-8'?>
- <card>
- <fullname>Sean Kelly</fullname>
- <org>SK Consulting</org>
- <emailaddrs>
- <address type='work'>kelly@seankelly.biz</address>
- <address type='home' pref='1'>kelly@seankelly.tv</address>
- </emailaddrs>
- <telephones>
- <tel type='work' pref='1'>+1 214 555 1212</tel>
- <tel type='fax'>+1 214 555 1213</tel>
- <tel type='mobile'>+1 214 555 1214</tel>
- </telephones>
- <addresses>
- <address type='work' format='us'>1234 Main St
- Springfield, TX 78080-1216</address>
- <address type='home' format='us'>5678 Main St
- Springfield, TX 78080-1316</address>
- </addresses>
- <urls>
- <address type='work'>http:
- <address type='home'>http:
- </urls>
- </card>
在JSON中,则是:
- {
- "fullname": "Sean Kelly",
- "org": "SK Consulting",
- "emailaddrs": [
- {"type": "work", "value": "kelly@seankelly.biz"},
- {"type": "home", "pref": 1, "value": "kelly@seankelly.tv"}
- ],
- "telephones": [
- {"type": "work", "pref": 1, "value": "+1 214 555 1212"},
- {"type": "fax", "value": "+1 214 555 1213"},
- {"type": "mobile", "value": "+1 214 555 1214"}
- ],
- "addresses": [
- {"type": "work", "format": "us",
- "value": "1234 Main StnSpringfield, TX 78080-1216"},
- {"type": "home", "format": "us",
- "value": "5678 Main StnSpringfield, TX 78080-1316"}
- ],
- "urls": [
- {"type": "work", "value": "http://seankelly.biz/"},
- {"type": "home", "value": "http://seankelly.tv/"}
- ]
- }
JSON提供了两种结构:
名/值对,其格式如下 {"名":"值", ...} 如:{"fullname": "Sean Kelly"},你可以把它理解为对象,或者哈希表,字典等等。
数组,它是值的有序列表。一个数组以“[”开始,“]”结束。值之间使用“,”分隔。
JSON的值(value)可以是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array)。这些结构可以嵌套。
事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。
在AJAX中的XML与JSON之战
在AJAX应用中,你可以用XMLHttpRequest读取XML或者JSON文件。一个典型的AJAX调用如下:
- var req = new XMLHttpRequest();
- req.open("GET", "http://localhost/addr?cardID=32", true);
- req.onreadystatechange = myHandler;
- req.send(null);
Web服务器应答的时候,处理子程序(例子中的myHandler)会反复被调用。
处理地址簿的一个XML的程序片断可能是:
- function myHandler() {
- if (req.readyState == 4 ) {
-
- var addrField = document.getElementById('addr');
- var root = req.responseXML;
- var addrsElem = root.getElementsByTagName('addresses')[0];
- var firstAddr = addrsElem.getElementsByTagName('address')[0];
- var addrText = fistAddr.firstChild;
- var addrValue = addrText.nodeValue;
- addrField.value = addrValue;
- }
- }
注意:XMLHttpRequest自动创建了DOM树,你可以通过responseXML属性访问树并进行一系列处理,比如通过getElementsByTagName访问元素。但对于复杂的XML,这是个烦琐无味的活儿!
再看JSON:
- function myHandler() {
- if (req.readyState == 4 ) {
- var addrField = document.getElementById('addr');
- var card = eval('(' + req.responseText + ')');
- addrField.value = card.addresses[0].value;
- }
- }
使用JSON的第一件事,你要手工解析JSON响应,但是请记住,JSON是JavaScript的子集,事实上你只需要调用一行 eval就可以完成解析工作。接下来访问JSON的对象就和访问任何JavaScript对象完全一样:
- card.addresses[0].value 即"1234 Main Stb &"
- card.addresses[0].type 即"work"
- card.addresses[1] 即home address;
- card.fullname 即 "Sean Kelly"
上千次的测试之后表明,JSON的速度几乎是XML解析的10倍!
JSON要普及,这里有两个问题:
1. 有多少服务器愿意提供JSON格式的输出?随着JSON的速度优势得到大家的认可,相信会越来越多。
2. 执行eval操作可能会导致安全漏洞。所以最好还是使用一个JSON解析器,不过幸运的是。你可以在http://www.json.org找到一个。未来JSON的支持可能会被包括在ECMAScript标准中。
分享到:
相关推荐
js下xml转json和json转xml
XML to JSON and JSON to XML converter
自己写的json与xml互转工具 简单实用
- JQuery - jquery.json2xml.js - jquery.xml2json.js 2. XML 字符串转换成 JSON 对象 $.xml2json(str); 3. JSON 对象转换成 XML 字符串 $.json2xml(obj);
本json库包支持由json数据自动转换成xml报文数据, 对应用的配置化开发起到重要作用,在企业的移动开发中,通过与xslt的结合,开发工作更便捷。
import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.IOException; import java.io.InputStream;...import net.sf.json.xml.XMLSerializer;
json和xml比较,让你充分了解开发底层必备知识!
xml 与 json 格式的相互转换,采用javascript 实现。
xml转换为json的js库文件
jQuery xml-to-json xml转JSON jQuery实现xml转JSON插件 有demo和相关文档
将XML数据转化为JSON格式 使用方法: 1.添加对XmlToJSON.dll的引用 2. string JSON = XmlToJSON.Converter.XmlToJSON(xmlDoc); 示例: XmlDocument doc = new XmlDocument(); //doc.LoadXml(@"<root>aaa</root>...
xml字符串转换json格式 可用于微信小程序xml字符串转换json格式 安装 npm方式安装 npm install --save xmlstring2json bower方式安装 bower install xmlstring2json 用法示例: bookstore.xml文件 <title>...
json格式文件转xml格式
Dicom小工具(dcm转json、xml,xml转dcm等)
g关于Json介绍,用JSON替换XML
本实例主要是通过json-libjar包中的工具类进行操作,简单实现了xml字符串和json字符串之间的转化,xml文件和json文件的转化。而且还兼容jsonObject和jsonArray两种格式,自己摸索,记录一下以便学习。
Json和Xml离线格式化工具
C# Json串直接生成C#对象类,或使用Json串生成XML
XML转换为JSON(支持多种方法):第二种方法,使用json-lib提供的方法
jquery.json2xml.js&&jquery.xml2json.js在jQuery的基础上实现json与xml的相互转换