Json

一、Json的簡單介紹
從結構上看,所有的數據最終都可以分成三種類型:
第一種類型是scalar(標量),也就是一個單獨的string(字符串)或數字(numbers),比如“北京”這個單獨的詞。
第二種類型是sequence(序列),也就是若干個相關的數據按照一定順序並列在一起,又叫做array(數組)或List(列表),比如“北京,東京”。
第三種類型是mapping(映射),也就是一個名/值對(Name/value),即數據有一個名稱,還有一個與之相對應的值,這又稱作hash(散列)或dictionary(字典),比如“首都:北京”。
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式,它的規則非常簡單並且是有趣的:
1) 並列的數據之間用逗號(“,”)分隔。
2) 映射用冒號(“:”)表示。
3) 並列數據的集合(數組)用方括號("[]")表示。
4) 映射的集合(對象)用大括號(“{}”)表示。
按照這個規則可以作以下理解:

1.數組用“[]”創建,對象用“{}”創建,並且使用Json基本都是用[]或者{}創建的數組或對象,否則一個普通的字符串是沒有意義的;
2.無論是數組還是對象,之間的元素都用“,”隔開;
3.對象內部,(屬性的)名稱和值用“:”隔開,並且必須要用“:”隔開,不可單獨存在屬性名或者值
4.對象和數組可以互相嵌套,即數組中的一個元素可以是一個對象也可以是一個數組,同理對象中的一個屬性的值可以是一個對象也可以是一個數組。
二、事例
1.
var china= {beijing:{name:"北京",area:"16000",haidian:{name:"海淀區"}},
shanghai:{name:"上海",area:"10000",minhang:{name:"閔行區"}}};
alert(china.beijing.haidian.name);
alert(china.shanghai.minhang.name);
分別彈出“海淀區”和“閔行區”。
2.
var ourcountry=[["北京市"],["上海市"],["合肥市","蕪湖市","蚌埠市"]];
alert(ourcountry[2][1]);
彈出“蕪湖市”。
3.
var zhongguo={provinces:[{name:"北京",cities:[{name:"北京市",quxian:["海淀區","朝陽區","東城區","西城區"]}]},
{name:"安徽省",cities:[{name:"蕪湖市",quxian:["繁昌縣","蕪湖縣","南陵縣","三山區"]},{name:"合肥市",quxian:["肥西縣","蜀山區","廬陽區"]}]},
"湖北省"
]};
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);
彈出“
中國:{
北京{北京市{海淀區,朝陽區,東城區,西城區}}
安徽省{蕪湖市{繁昌縣,蕪湖縣,南陵縣,三山區}合肥市{肥西縣,蜀山區,廬陽區}}
}
”。
三、Json在Ajax中的應用
客戶端可以給服務器端通過地址欄或者post很容易的提交數據,但是服務器端處理完數據之後,將計算的結果信息回傳給客戶端時就存在了一定的難度,特別是數據量較大時。這個時候數據的格式成了關鍵,按照某種格式可以很方便的進行數據的組裝,然後可以很方便的進行解析。使用Json便是一種很好的策略。在服務器端,按照Json的格式拼裝好一個字符串,響應給客戶端。客戶端如何進行解析呢?一般有兩種策略(解決服務器回傳數據):
1.直接解析 :解析爲json對象
var json = eval('(' + result + ')');
通過上面這個表達式,就完成了將服務器端響應給客戶端的Json格式的字符串解析成了一個Json(格式的)對象,名稱爲“json”,通過“json.”或者“json[]”的方式便可進行數據訪問。
2.間接解析
var json = "r=" + result;
eval(json);
當然上面行代碼可以合併爲:eval("r=" + result);
通過上面的計算,也可以將服務器端響應給客戶端的Json格式的字符串解析成了一個Json(格式的)對象,但是該對象名稱爲“r”,通過“r.”或者“r[]”的方式可進行數據訪問。
總結:Json是一種簡單的數據交換格式,它幾乎可以很好的代替xml讓服務器之間靈活的交換數據。
四、JavaScript中的數組和對象
在JavaScript中,通常用[]創建的數據格式稱爲數組,用{}創建的東西稱爲對象。
有一個數組a=[1,2,3,4],還有一個對象a={0:1,1:2,2:3,3:4},運行alert(a[1]),兩種情況下的運行結果是相同的!這就是說,數據集合既可以用數組表示,也可以用對象表示,那麼到底該用哪一種呢?
其實數組表示有序數據的集合,而對象表示無序數據的集合。如果數據的順序很重要,就用數組,否則就用對象。
當然,數組和對象的另一個區別是,數組中的數據沒有“名稱”(name),對象中的數據有“名稱”(name)。但是問題是,很多編程語言中,都有一種叫做“關聯數組”(associativearray)的東西。這種數組中的數據是有名稱的。比如在javascript中,可以這樣定義一個對象:
var a={"城市":"北京","面積":16800,有趣,"人口":1600};
但是,也可以定義成一個關聯數組:
var a = new Array();
a["城市"]="北京";
a["面積"]=16800;
a["人口"]=1600;
這樣一來好像數組和集合就沒有區別了,其實不是,在Javascript語言中,關聯數組就是對象,對象就是關聯數組。通過第二種方式創建的數組和通過 []方式創建的數組是有很大的區別的,在第二個方式創建的“數組”中,也可以和第一種方式類似,通過“a.城市”來得到“北京”,“a.人口”來得到 “1600”,但是它和第一種方式創建的對象又是有區別的,通過第一種方式定義的a是沒有length屬性的,二通過第二種方式定義的a有,可是值爲0,可見裏面的差別還是有的,要想具體搞清楚,恐怕得看看底層的一些實現代碼了。

當 eval 返回的 json 值時,提示 Error: Invalid Label 

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


假如你從服務器端返回的是 json 格式的字符串:
>
當你在腳本中用 eval 的方式運行:
>
這時會提示 : Error: Invalid Label
實際上,我們的 json 格式並沒有錯誤,只是在 eval 的時候,要把你的 json 值用 “()” 括號括起來:
> var result = eval("(" + o.responseText + ")"); help001

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章