JSON

JSON （ JavaScript Object Notation ）一种简单的数据格式，比 xml 更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

JSON 的规则很简单： 对象是一个无序的“‘名称 / 值’对”集合。一个对象以“ { ”（左括号）开始，“ } ”（右括号）结束。每个“名称”后跟一个“ : ”（冒号）；“‘名称 / 值’ 对”之间使用“ , ”（逗号）分隔。 具体细节参考http://www.json .org/json -zh.html

举个简单的例子：

js 代码

1. function  showJSON() {   
2.      var  user =    
3.     {    
4.          "username" : "andy" ,   
5.          "age" :20,   
6.          "info" : {  "tel" :  "123456" ,  "cellphone" :  "98765" },   
7.          "address" :   
8.             [   
9.                 { "city" : "beijing" , "postcode" : "222333" },   
10.                 { "city" : "newyork" , "postcode" : "555666" }   
11.             ]   
12.     }   
13.        
14.     alert(user.username);   
15.     alert(user.age);   
16.     alert(user.info.cellphone);   
17.     alert(user.address[0].city);   
18.     alert(user.address[0].postcode);   
19. }   

这表示一个 user 对象，拥有 username, age, info, address 等属性。

同样也可以用 JSON 来简单的修改数据，修改上面的例子

js 代码

1. function  showJSON() {   
2.      var  user =    
3.     {    
4.          "username" : "andy" ,   
5.          "age" :20,   
6.          "info" : {  "tel" :  "123456" ,  "cellphone" :  "98765" },   
7.          "address" :   
8.             [   
9.                 { "city" : "beijing" , "postcode" : "222333" },   
10.                 { "city" : "newyork" , "postcode" : "555666" }   
11.             ]   
12.     }   
13.        
14.     alert(user.username);   
15.     alert(user.age);   
16.     alert(user.info.cellphone);   
17.     alert(user.address[0].city);   
18.     alert(user.address[0].postcode);   
19.        
20.     user.username =  "Tom" ;   
21.     alert(user.username);   
22. }   

 JSON 提供了json .js包，下载http://www.json .org/json .js 后，将其引入然后就可以简单的使用object.toJSONString()转换成JSON 数据。

js 代码

1. function  showCar() {   
2.      var  carr =  new  Car( "Dodge" ,  "Coronet R/T" , 1968,  "yellow" );   
3.     alert(carr.toJSONString());   
4. }   
5.   
6. function  Car(make, model, year, color)       {   
7.       this .make  =  make;   
8.       this .model  =  model;   
9.       this .year  =  year;   
10.       this .color  =  color;   
11. }   

可以使用 eval 来转换 JSON 字符到 Object

js 代码

1. function  myEval() {   
2.      var  str = '{  "name" :  "Violet" ,  "occupation" :  "character"  }';   
3.      var  obj = eval('(' + str + ')');   
4.     alert(obj.toJSONString());   
5. }   

或者使用 parseJSON() 方法

js 代码

1. function  myEval() {   
2.      var  str = '{  "name" :  "Violet" ,  "occupation" :  "character"  }';   
3.      var  obj = str.parseJSON();   
4.     alert(obj.toJSONString());   
5. }   

下面使用 prototype 写一个 JSON 的 ajax 例子。

先写一个 servlet (我的是servlet.ajax.JSONTest1.java ) 就写一句话

java 代码

1. response.getWriter().print( "{ /"name/": /"Violet/", /"occupation/": /"character/" }" );  

再在页面中写一个 ajax 的请求

js 代码

1. function  sendRequest() {   
2.      var  url =  "/MyWebApp/JSONTest1" ;   
3.      var  mailAjax =  new  Ajax.Request(   
4.         url,   
5.         {   
6.             method: 'get',   
7.             onComplete: jsonResponse   
8.         }   
9.     );   
10. }   
11.   
12. function  jsonResponse(originalRequest) {   
13.     alert(originalRequest.responseText);   
14.      var  myobj = originalRequest.responseText.parseJSON();   
15.     alert(myobj.name);   
16. }   

prototype-<st1:chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.5.1</st1:chsdate>.js 中提供了 JSON 的方法， String.evalJSON(), 可以不使用 json .js, 修改上面的方法

js 代码

1. function  jsonResponse(originalRequest) {   
2.     alert(originalRequest.responseText);   
3.      var  myobj = originalRequest.responseText.evalJSON( true );   
4.     alert(myobj.name);   
5. }   

JSON 还提供了java的jar包 http://www.json .org/java/index.html API也很简单，下面举个例子

在javascript中填加请求参数

js 代码

1. function  sendRequest() {   
2.      var  carr =  new  Car( "Dodge" ,  "Coronet R/T" , 1968,  "yellow" );   
3.      var  pars =  "car="  + carr.toJSONString();   
4.   
5.      var  url =  "/MyWebApp/JSONTest1" ;   
6.      var  mailAjax =  new  Ajax.Request(   
7.         url,   
8.         {   
9.             method: 'get',   
10.             parameters: pars,   
11.             onComplete: jsonResponse   
12.         }   
13.     );   
14. }   

使用 JSON 请求字符串就可以简单的生成 JSONObject 并进行解析, 修改 servlet 添加 JSON 的处理(要使用json .jar)

java 代码

1. private   void  doService(HttpServletRequest request, HttpServletResponse response)  throws  IOException {   
2.         String s3 = request.getParameter( "car" );   
3.          try  {   
4.             JSONObject jsonObj =  new  JSONObject(s3);   
5.             System.out.println(jsonObj.getString( "model" ));   
6.             System.out.println(jsonObj.getInt( "year" ));   
7.         }  catch  (JSONException e) {   
8.             e.printStackTrace();   
9.         }   
10.         response.getWriter().print( "{ /"name/": /"Violet/", /"occupation/": /"character/" }" );   
11.     }   

同样可以使用 JSONObject 生成 JSON 字符串，修改 servlet

java 代码

1. private   void  doService(HttpServletRequest request, HttpServletResponse response)  throws  IOException {   
2.         String s3 = request.getParameter( "car" );   
3.          try  {   
4.             JSONObject jsonObj =  new  JSONObject(s3);   
5.             System.out.println(jsonObj.getString( "model" ));   
6.             System.out.println(jsonObj.getInt( "year" ));   
7.         }  catch  (JSONException e) {   
8.             e.printStackTrace();   
9.         }   
10.            
11.         JSONObject resultJSON =  new  JSONObject();   
12.          try  {   
13.             resultJSON.append( "name" ,  "Violet" )   
14.                       .append( "occupation" ,  "developer" )   
15.                       .append( "age" ,  new  Integer( 22 ));   
16.             System.out.println(resultJSON.toString());   
17.         }  catch  (JSONException e) {   
18.             e.printStackTrace();   
19.         }   
20.         response.getWriter().print(resultJSON.toString());   
21.     }   

js 代码

1. function  jsonResponse(originalRequest) {   
2.     alert(originalRequest.responseText);   
3.      var  myobj = originalRequest.responseText.evalJSON( true );   
4.     alert(myobj.name);   
5.     alert(myobj.age);   
6. } 
   

JSON与XML的比较

◆ 可读性
　　JSON和XML的可读性可谓不相上下，一边是建议的语法，一边是规范的标签形式，很难分出胜负。
　　◆ 可扩展性
　　XML天生有很好的扩展性，JSON当然也有，没有什么是XML能扩展，JSON不能的。
　　◆ 编码难度
　　XML有丰富的编码工具，比如Dom4j、JDom等，JSON也有json.org提供的工具，但是JSON的编码明显比XML容易许多，即使不借助工具也能写出JSON的代码，可是要写好XML就不太容易了。
　　◆ 解码难度
　　XML的解析得考虑子节点父节点，让人头昏眼花，而JSON的解析难度几乎为0。这一点XML输的真是没话说。
　　◆ 实例比较
　　XML和JSON都使用结构化方法来标记数据，下面来做一个简单的比较。
　　现假设有一个用户数据包括：用户名、密码、所在部门、性别、年龄。
　　用XML表示如下：
　　<?xml version="1.0" encoding="utf-8"?>
　　<user>
　　<name>张三 </name>
　　<password>123456</password>
　　<department>技术部</department>
　　<sex>男</sex>
　　<old>30</old>
　　</user>
　　用JSON表示如下：
　　{
　　"name":"张三",
　　"password":"123456",
　　"department":"技术部",
　　"sex":"男",
　　"old":30
　　}
　　与XML一样，JSON也是基于文本的，且它们都使用Unicode编码，同样具有可读性。XML比较适合于标记文档，而JSON却更适合于时行数据交换处理。