在WEB數(shù)據(jù)傳輸過(guò)程中，json是以文本，即字符串的輕量級(jí)形式傳遞的，而客戶(hù)端一般用JS操作的是接收到的JSON對(duì)象，所以，JSON對(duì)象和JSON字符串之間的相互轉(zhuǎn)換、JSON數(shù)據(jù)的解析是關(guān)鍵。

先明確2個(gè)概念例如：

JSON字符串:

復(fù)制代碼代碼如下:

var str1 = '{ "name": "deyuyi", "sex": "man" }';

JSON對(duì)象:

復(fù)制代碼代碼如下:

var str2 = { "name": "deluyi", "sex": "man" };

可以簡(jiǎn)單這樣理解：

JSON對(duì)象是直接可以使用JQuery操作的格式，如C#中可以用對(duì)象（類(lèi)名）點(diǎn)出屬性（方法）一樣；

JSON字符串僅僅只是一個(gè)字符串，一個(gè)整體，不截取的話(huà)沒(méi)辦法取出其中存儲(chǔ)的數(shù)據(jù)，不能直接使用，除非你只想alert()他；

一、JSON字符串轉(zhuǎn)換為JSON對(duì)象

要使用上面的str1，必須使用下面的方法先轉(zhuǎn)化為JSON對(duì)象：

A：eval函數(shù)

eval函數(shù)可以直接將本質(zhì)符合或者近似符合JSON格式的字符串轉(zhuǎn)換為JSON對(duì)象，使用方式如：

eval('(' + str + ')'); //其中str就是滿(mǎn)足本標(biāo)題描述的字符串

//由JSON字符串轉(zhuǎn)換為JSON對(duì)象
var str='{ "name": "John" }';
var obj = eval('(' + str + ')'); 
alert( obj.name);
var str2="{ 'name': 'John' }";
var obj2 = eval('(' + str2 + ')'); 
alert( obj2.name);
var str3="{ name: 'John' }";
var obj3 = eval('(' + str3 + ')'); 
alert( obj3.name);

以上均會(huì)輸出結(jié)果“john”。

Eval方式可以轉(zhuǎn)換以下標(biāo)準(zhǔn)和非標(biāo)準(zhǔn)格式字符串：

var str="{ 'name': 'John' }";
var str2='{ "name": "John" }';
var str3="{ name: 'John' }";

參見(jiàn)本例下載包中：JqueryDemo1.html

B：parseJSON函數(shù)

另一種將標(biāo)準(zhǔn)字符串轉(zhuǎn)換為JSON對(duì)象的函數(shù)是parseJSON()，使用方式如jQuery.parseJSON(str)//其中str就是滿(mǎn)足本標(biāo)題描述的字符串

//由JSON字符串轉(zhuǎn)換為JSON對(duì)象
var str='{ "name": "John" }';
var obj = jQuery.parseJSON(str)
alert("1"+ obj.name);

以上均會(huì)輸出結(jié)果“john”。

此種方式僅支持標(biāo)準(zhǔn)格式：var str='{ "name": "John" }';

參見(jiàn)本例下載包中：JqueryDemo2.html

C：JSON.parse函數(shù)

還有一種將標(biāo)準(zhǔn)字符串轉(zhuǎn)換為JSON對(duì)象的函數(shù)是JSON.parse()，使用方式如JSON.parse(str)//其中str就是滿(mǎn)足本標(biāo)題描述的字符串

var str = '{ "name": "mady", "age": "24" }';
var obj = JSON.parse(str);
alert(obj.name);

以上均會(huì)輸出結(jié)果“john”。

此種方式僅支持標(biāo)準(zhǔn)格式：var str='{ "name": "John" }';

參見(jiàn)本例下載包中：JqueryDemo3.html

以上結(jié)果一致，均輸出姓名，如下圖：

特別注意：如果obj本來(lái)就是一個(gè)JSON對(duì)象，那么使用eval（）函數(shù)轉(zhuǎn)換后（哪怕是多次轉(zhuǎn)換）還是JSON對(duì)象，但是使用parseJSON（）函數(shù)處理后會(huì)有問(wèn)題（拋出語(yǔ)法異常）。

D：Other方式

如果忍不住想犯錯(cuò)，十分十分想解析非標(biāo)準(zhǔn)、非正規(guī)字符串，如：

復(fù)制代碼代碼如下:

{name:mady,age:23}

或者

復(fù)制代碼代碼如下:

{name:'mady',age:23}

以及其他的你能想到的各種本質(zhì)正確的非法格式，那么有擴(kuò)展庫(kù)可以解決

jquery-json 擴(kuò)展庫(kù)

下載地址在這里：http://code.google.com/p/jquery-json/

這個(gè)庫(kù)用來(lái)擴(kuò)展 jQuery ，對(duì)于 JSON 的使用，擴(kuò)展了兩個(gè)函數(shù)：toJSON和parseJSON

toJSON 函數(shù)用來(lái)將一個(gè)普通的 JavaScript 對(duì)象序列化為 JSON 對(duì)象。
parseJSON函數(shù)用來(lái)將一個(gè)普通的 JavaScript 對(duì)象序列化為 JSON 對(duì)象too。

var data=$.toJSON({ x: 2, y: 3 }); 
var obj = jQuery.parseJSON(data); 
alert(obj.x); 
var str = {plugin: 'jquery-json', version: 2.3}; 
var data2=$.toJSON(str); 
var obj2 = jQuery.parseJSON(data2); 
alert(obj2.plugin);

以上代碼執(zhí)行結(jié)果如：

參見(jiàn)本例下載包中：JqueryDemo5.html

二、將JSON對(duì)象轉(zhuǎn)換為字符串

可以使用toJSONString()或者全局方法JSON.stringify()將JSON對(duì)象轉(zhuǎn)化為JSON字符串。
例如：

復(fù)制代碼代碼如下:

var last=obj.toJSONString(); //將JSON對(duì)象轉(zhuǎn)化為JSON字符

或者

var last=JSON.stringify(obj); //將JSON對(duì)象轉(zhuǎn)化為JSON字符
alert(last);

三、解析讀取JSON

我們通過(guò)各種方式將字符串轉(zhuǎn)換為JSON對(duì)象后就是解析他了。
如上面的例子：

復(fù)制代碼代碼如下:

var str2 = { "name": "mady", "sex": "man" };

就可以這樣讀取：

復(fù)制代碼代碼如下:

alert(str2.name);//和C#一樣直接往出點(diǎn)…

彈出” mady”。
我們遇到的JSON很少有這么簡(jiǎn)單的，比如復(fù)雜一點(diǎn)的JSON對(duì)象如：

復(fù)制代碼代碼如下:

var str={"GetUserPostByIdResult":{"Age":"33","ID":"2server","Name":"mady"}};

解析用：
alert(str.GetUserPostByIdResult.Name);//一次點(diǎn)不出來(lái)，我多點(diǎn)幾次
彈出：”mady”。

再再?gòu)?fù)雜一點(diǎn)的如：

復(fù)制代碼代碼如下:

var data=" { root: [ {'name':'6200','value':'0'}, {'name':'6101','value':'xa'}, {'name':'6102','value':'beijing'}, {'name':'6103','value':'haerbin'}]}";

如果你想單挑的話(huà)，解析用：

復(fù)制代碼代碼如下:

alert(dataObj.root[0].name);

彈出：“6200”。

如果你想群挑的話(huà)，解析用：

$.each(dataObj.root, function(index, item) {
  $("#info").append(
      "<div>" +index+":"+ item.name + "</div>" + 
      "<div>" +index+":"+ item.value + "</div><hr/>");
});

其中這個(gè)“#info”是個(gè)DIV的ID。輸入結(jié)果如下圖：