2、JSON的数据结构
- null: 表示为 null
- boolean: 表示为 true 或 false
- number: 一般的浮点数表示方式
- string: 表示为 "..."
- array: 表示为 [ ... ]
- object: 表示为 { ... }
2.1 array
跟Java中普通意义上的数组类似,一般形式如下:
[‘arr1‘,‘arr2‘,‘arr3‘];
图中的value可以是:
2.2 object
以键值对的形式出现,key和value之间用“:”隔开,两个键值对之间用“,”隔开,一般表示形式如下:
{‘key1‘:‘value1‘,‘key2‘:‘value2‘}
你可以理解为这个Object就是一个Map,下面是一个简单的JSON范例:
{ "orderID": 12345, "shopperName": "John Smith", "shopperEmail": "johnsmith@example.com", "contents": [ { "productID": 34, "productName": "SuperWidget", "quantity": 1 }, { "productID": 56, "productName": "WonderWidget", "quantity": 3 } ], "orderCompleted": true}
3、JSON与XML的互相比较
3.1 简单的XML
XML:
<person> <name>xiaoMing</name> <age>20</age> </person>
JSON:
{ "name":"xiaoMing", "age":20}
3.2 复杂的XML
XML:
<section> <title>BOOK</title> <signing> <author name="author-1"/> <book title="book1" price="$11"/> </signing> <signing> <author name="author-2"/> <book title="book2" price="$22"/> </signing> </section>
JSON:
"section":{ "title":"BOOK", "signing":[ { <span style="white-space:pre"> </span> "author": { "name":"author-1" }, "book": { "title":"book1", "price":"$11" } }, { "author": { "name":"author-2" }, "book": { "title":"book2", "price":"$22" } } <span style="white-space:pre"> </span> ]} }
3.3 JSON和XML的优缺点
3.3.1 XML的优缺点
优点:
(1)格式统一,符合标准;
(2)容易与其他系统进行远程交互,数据传输比较方便。
缺点:
(1)XML文件庞大,文件格式复杂,传输占带宽;
(2)服务器端和客户端都需要花费大量代码来解析XML,导致服务器端和客户端代码变得异常复杂且不易维护;
(3)客户端不同浏览器之间解析XML的方式不一致,需要重复编写很多代码;
(4)服务器端和客户端解析XML花费较多的资源和时间。
3.3.2 JSON的优缺点
优点:
(1)数据格式比较简单,易于读写,格式都是压缩的,占用带宽小;
(2)易于解析,客户端JavaScript可以简单的通过eval_r()进行JSON数据的读取;
(3)支持多种语言,包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等服务器端语言,便于服务器端的解析;
(4)在PHP世界,已经有PHP-JSON和JSON-PHP出现了,偏于PHP序列化后的程序直接调用,PHP服务器端的对象、数组等能直接生成JSON格式,便于客户端的访问提取;
(5)因为JSON格式能直接为服务器端代码使用,大大简化了服务器端和客户端的代码开发量,且完成任务不变,并且易于维护。
缺点:
(1)没有XML格式这么推广的深入人心和喜用广泛,没有XML那么通用性;
(2)JSON格式目前在Web Service中推广还属于初级阶段。
4、使用JSON实现数据交换
如果我们想要使用JSON包,则可以下载JSON包的源代码,并将这些代码添加进Eclipse工程中,即可调用;
如果想要看API文档,可以参见:https://github.com/stleary/JSON-java
JSON包中最常用的两个类就是JSONObject和JSONArray,分别表示两种数据结构。
4.1 数据交换原理
JSON作为数据的交换格式,在客户端和服务器端都要有对应的转换过程。
- 如果是客户端请求数据,那么服务器端就将Java对象先转换成 JSON字符串;
- 经响应把字符串传到客户端之后,客户端就会接收到这个转换结果;
- 但JavaScript要求把这个字符串变成对象格式才更方便访问;
- 所以在客户端的JavaScript代码中又需要将这个JSON字符串变成JavaScript能够识别的对象;
- 这样就完成了从服务器端的对象到客户端对象的 整个转变过程。

同理,如果在客户端填写了数据后想提交给服务器,首先是将客户端数据构造成一个JSON对象字符串,经网络传递到服务器端,服务器端再依据转换规则将JSON字符串变成Java识别的对象。
4.2 Java对象转换为JSON
在服务器端对象的转换过程可以使用官方提供的API,JSONObject和JSONArray分别为对象和数组的转换类型。
使用这两个类型进行对象转换时代码如下,
JSONObject:
Employee emp = new Employee(1,“王小贱”,“男”);JSONObject obj = JSONObject.fromObject(emp);String jsonStr = obj.toString();
JSONArray:
List<Employee> emps = new ArrayList< Employee >(); for(int i=0;i<3;i++){ Employee s = new Employee (); s.setId(i+1); s.setName("Bear" + i); s.setGender(“男”); emps.add(s); } JSONArray jsonArr = JSONArray.fromObject(emps); String jsonStr = jsonArr.toString();
4.3 JSON字符串转换成JS对象
当JSON经传输到达客户端时,需要完成JSON到JavaScript对象的转换,
如果使用JS原生的方法进行转换的话,可以使用
eval()方法,但需要在JSON的前后连接上左右圆括号,如:
var jsonObj = eval(“(“ + json + “)”);
(eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。 语法:eval(string) )
为什么要 eval这里要添加(‘(‘+json+‘)‘) 呢?
原因在于eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。
但是需要注意的是方式eval()方法是动态执行其中字符串(可能是js脚本)的,这样很容易会造成系统的安全问题。所以可以采用一些规避了 eval()的第三方客户端脚本库,如prototype.js里面提供的evalJSON()方法。通过在页面中引入prototype.js文件后就 可以使用这个扩展库。
实现代码如下:
<script type="text/javascript" src="js/prototype-1.6.0.3.js"></script> <script type="text/javascript"> function f1(){ var xhr = getXhr(); xhr.open(‘get‘,‘quoto.do‘,true); xhr.onreadystatechange=function(){ if(xhr.readyState == 4){ var txt = xhr.responseText; //将json字符串转换成javascript对象或者数组 var arr = txt.evalJSON();} }; xhr.send(null); }</script>
4.4 JSON数据交换的思维导图

放大一些如下:
5、参考链接