javascript解析json

SON （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. }