Json的簡單介紹

從結(jié)構(gòu)上看，所有的數(shù)據(jù)最終都可以分成三種類型：

第一種類型是scalar(標(biāo)量)，也就是一個單獨的string(字符串)或數(shù)字(numbers)，比如“北京”這個單獨的詞。

第二種類型是sequence(序列)，也就是若干個相關(guān)的數(shù)據(jù)按照一定順序并列在一起，又叫做array(數(shù)組)或List(列表)，比如“北京，東京”。

第三種類型是mapping(映射)，也就是一個名/值對(Name/value)，即數(shù)據(jù)有一個名稱，還有一個與之相對應(yīng)的值，這又稱作hash(散列)或dictionary(字典)，比如“首都：北京”。

JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式，它的規(guī)則非常簡單并且是有趣的：

1) 并列的數(shù)據(jù)之間用逗號(“，”)分隔。

2) 映射用冒號(“：”)表示。

3) 并列數(shù)據(jù)的集合(數(shù)組)用方括號("[]")表示。

4) 映射的集合(對象)用大括號(“{}”)表示。

按照這個規(guī)則可以作以下理解：

1.數(shù)組用“[]”創(chuàng)建，對象用“{}”創(chuàng)建，并且使用Json基本都是用[]或者{}創(chuàng)建的數(shù)組或?qū)ο?，否則一個普通的字符串是沒有意義的;

2.無論是數(shù)組還是對象，之間的元素都用“，”隔開;

3.對象內(nèi)部，(屬性的)名稱和值用“：”隔開，并且必須要用“：”隔開，不可單獨存在屬性名或者值;

4.對象和數(shù)組可以互相嵌套，即數(shù)組中的一個元素可以是一個對象也可以是一個數(shù)組，同理對象中的一個屬性的值可以是一個對象也可以是一個數(shù)組。

二、事例

1.

var china= {beijing:{name:"北京",area:"16000",haidian:{name:"海淀區(qū)"}},

shanghai:{name:"上海",area:"10000",minhang:{name:"閔行區(qū)"}}};

alert(china.beijing.haidian.name);

alert(china.shanghai.minhang.name);

分別彈出“海淀區(qū)”和“閔行區(qū)”。

2.

var ourcountry=[["北京市"],["上海市"],["合肥市","蕪湖市","蚌埠市"]];

alert(ourcountry[2][1]);

彈出“蕪湖市”。

3.

var zhongguo={provinces:[{name:"北京",cities:[{name:"北京市",quxian:["海淀區(qū)","朝陽區(qū)","東城區(qū)","西城區(qū)"]}]},

{name:"安徽省",cities:[{name:"蕪湖市",quxian:["繁昌縣","蕪湖縣","南陵縣","三山區(qū)"]},{name:"合肥市",quxian:["肥西縣","蜀山區(qū)","廬陽區(qū)"]}]},

"湖北省"

]};

var str = "中國：{n";

for(var i = 0; i < zhongguo.provinces.length; i++)

{

if(zhongguo.provinces.cities != null)

{

str += zhongguo.provinces.name + "{";

for(var j = 0; j < zhongguo.provinces.cities.length; j++)

{

if(zhongguo.provinces.cities[j] != null)

{

str += zhongguo.provinces.cities[j].name + "{";

for(var k = 0; k < zhongguo.provinces.cities[j].quxian.length; k++)

{

str += zhongguo.provinces.cities[j].quxian[k];

if(k != zhongguo.provinces.cities[j].quxian.length - 1)

{

str += ",";

}

}

str += "}";

}

}

str += "}n";

}

}

str += "}";

alert(str);

彈出“

中國：{

北京{北京市{海淀區(qū),朝陽區(qū),東城區(qū),西城區(qū)}}

安徽省{蕪湖市{繁昌縣,蕪湖縣,南陵縣,三山區(qū)}合肥市{肥西縣,蜀山區(qū),廬陽區(qū)}}

}

”。

三、Json在Ajax中的應(yīng)用

客戶端可以給服務(wù)器端通過地址欄或者post很容易的提交數(shù)據(jù)，但是服務(wù)器端處理完數(shù)據(jù)之后，將計算的結(jié)果信息回傳給客戶端時就存在了一定的難度，特別是 數(shù)據(jù)量較大時。這個時候數(shù)據(jù)的格式成了關(guān)鍵，按照某種格式可以很方便的進(jìn)行數(shù)據(jù)的組裝，然后可以很方便的進(jìn)行解析。使用Json便是一種很好的策略。在服 務(wù)器端，按照J(rèn)son的格式拼裝好一個字符串，響應(yīng)給客戶端?？蛻舳巳绾芜M(jìn)行解析呢?一般有兩種策略(兩種策略的名稱是自己給的名字，不一定很合理，但是 思路應(yīng)該是沒有問題的)：

1.直接解析

var json = eval('(' + result + ')');

通過上面這個表達(dá)式，就完成了將服務(wù)器端響應(yīng)給客戶端的Json格式的字符串解析成了一個Json(格式的)對象，名稱為“json”，通過“json.”或者“json[]”的方式便可進(jìn)行數(shù)據(jù)訪問。

2.間接解析

var json = "r=" + result;

eval(json);

當(dāng)然上面行代碼可以合并為：eval("r=" + result);

通過上面的計算，也可以將服務(wù)器端響應(yīng)給客戶端的Json格式的字符串解析成了一個Json(格式的)對象，但是該對象名稱為“r”，通過“r.”或者“r[]”的方式可進(jìn)行數(shù)據(jù)訪問。

總結(jié)：Json是一種簡單的數(shù)據(jù)交換格式，它幾乎可以很好的代替xml讓服務(wù)器之間靈活的交換數(shù)據(jù)。

四、JavaScript中的數(shù)組和對象

在JavaScript中，通常用[]創(chuàng)建的數(shù)據(jù)格式稱為數(shù)組，用{}創(chuàng)建的東西稱為對象。

有一個數(shù)組a=[1,2,3,4]，還有一個對象a={0:1,1:2,2:3,3:4}，運行alert(a[1])，兩種情況下的運行結(jié)果是相同的!這就是說，數(shù)據(jù)集合既可以用數(shù)組表示，也可以用對象表示，那么到底該用哪一種呢?

其實數(shù)組表示有序數(shù)據(jù)的集合，而對象表示無序數(shù)據(jù)的集合。如果數(shù)據(jù)的順序很重要，就用數(shù)組，否則就用對象。

當(dāng)然，數(shù)組和對象的另一個區(qū)別是，數(shù)組中的數(shù)據(jù)沒有“名稱”(name)，對象中的數(shù)據(jù)有“名稱”(name)。但是問題是，很多編程語言中，都有一種叫 做“關(guān)聯(lián)數(shù)組”(associativearray)的東西。這種數(shù)組中的數(shù)據(jù)是有名稱的。比如在javascript中，可以這樣定義一個對象：

var a={"城市":"北京","面積":16800,有趣,"人口":1600};

但是，也可以定義成一個關(guān)聯(lián)數(shù)組：

var a = new Array();

a["城市"]="北京";

a["面積"]=16800;

a["人口"]=1600;

這樣一來好像數(shù)組和集合就沒有區(qū)別了，其實不是，在Javascript語言中，關(guān)聯(lián)數(shù)組就是對象，對象就是關(guān)聯(lián)數(shù)組。通過第二種方式創(chuàng)建的數(shù)組和通過 []方式創(chuàng)建的數(shù)組是有很大的區(qū)別的，在第二個方式創(chuàng)建的“數(shù)組”中，也可以和第一種方式類似，通過“a.城市”來得到“北京”，“a.人口”來得到 “1600”，但是它和第一種方式創(chuàng)建的對象又是有區(qū)別的，通過第一種方式定義的a是沒有l(wèi)ength屬性的，二通過第二種方式定義的a有，可是值為0， 可見里面的差別還是有的，要想具體搞清楚，恐怕得看看底層的一些實現(xiàn)代碼了。

當(dāng) eval 返回的 json 值時，提示 Error: Invalid Label 摘要: 我們經(jīng)常會在服務(wù)器端返回 json 格式的值，這樣可以直接在腳本中當(dāng)作完整的對象來使用，但是，許多新手通常都會遇到一個錯誤提示：Invalid Label ，這個問題通常會讓人苦惱不堪，因為明明正確的 json 格式，卻提示錯誤。如果你遇到此問題，那趕快看看本文的內(nèi)容吧!

我們經(jīng)常會在服務(wù)器端返回 json 格式的值，這樣可以直接在腳本中當(dāng)作完整的對象來使用，但是，許多新手通常都會遇到一個錯誤提示： Invalid Label ，這個問題通常會讓人苦惱不堪，因為明明正確的 json 格式，卻提示錯誤。

假如你從服務(wù)器端返回的是 json 格式的字符串：

>

當(dāng)你在腳本中用 eval 的方式運行：

>

這時會提示 ：Error: Invalid Label

實際上，我們的 json 格式并沒有錯誤，只是在 eval 的時候，要把你的 json 值用 “()” 括號括起來：

> var result = eval("(" + o.responseText + ")"); help001