利用xmlHttpRequest組件作為交互工具,利用XML作為數(shù)據(jù)傳輸?shù)母袷健?br />
[ XML ]
使用XML作為傳輸格式的優(yōu)勢(shì):
1. 格式統(tǒng)一, 符合標(biāo)準(zhǔn)
2. 容易與其他系統(tǒng)進(jìn)行遠(yuǎn)程交互, 數(shù)據(jù)共享比較方便
缺點(diǎn):
1. XML文件格式文件龐大, 格式復(fù)雜, 傳輸占用帶寬
2. 服務(wù)器端和客戶端都需要花費(fèi)大量代碼來解析XML, 不論服務(wù)器端和客戶端代碼變的異常復(fù)雜和不容易維護(hù)
3. 客戶端不同瀏覽器之間解析XML的方式不一致, 需要重復(fù)編寫很多代碼
4. 服務(wù)器端和客戶端解析XML花費(fèi)資源和時(shí)間
[ JSON ]
那么除了XML格式, 還有沒有其他格式, 有一種叫做JSON (JavaScript Object Notation) 的輕量級(jí)數(shù)據(jù)交換格式能夠替代XML的工作.
優(yōu)點(diǎn):
1. 數(shù)據(jù)格式比較簡(jiǎn)單, 易于讀寫, 格式都是壓縮的, 占用帶寬小
2. 易于解析這種語言, 客戶端JavaScript可以簡(jiǎn)單的通過eval()進(jìn)行JSON數(shù)據(jù)的讀取
3. 支持多種語言, 包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等語言服務(wù)器端語言, 便于服務(wù)器端的解析
4. 在PHP世界, 已經(jīng)有PHP-JSON和JSON-PHP出現(xiàn)了, 便于PHP序列化后的程序直接調(diào)用. PHP服務(wù)器端的對(duì)象、數(shù)組等能夠直接生JSON格式, 便于客戶端的訪問提取.
另外PHP的PEAR類已經(jīng)提出了支持 (http://pear.php.net/pepr/pepr-proposal-show.php?id=198)
5. 因?yàn)镴SON格式能夠直接為服務(wù)器端代碼使用, 大大簡(jiǎn)化了服務(wù)器端和客戶端的代碼開發(fā)量, 但是完成的任務(wù)不變, 且易于維護(hù)
缺點(diǎn):
1. 沒有XML格式這么推廣的深入人心和使用廣泛, 沒有XML那么通用性
2. JSON格式目前在Web Service中推廣還屬于初級(jí)階段
PS: 據(jù)說Google的Ajax是使用 JSON+模板 做的
JSON定義
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,易于閱讀和編寫,同時(shí)也易于機(jī)器解析和生成。它基于ECMA262語言規(guī)范(1999-12第三版)中JavaScript編程語言的一個(gè)子集。 JSON采用與編程語言無關(guān)的文本格式,但是也使用了類C語言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的習(xí)慣,這些特性使JSON成為理想的數(shù)據(jù)交換格式。
JSON的結(jié)構(gòu)基于下面兩點(diǎn)
1. "名稱/值"對(duì)的集合 不同語言中,它被理解為對(duì)象(object),記錄(record),結(jié)構(gòu)(struct),字典(dictionary),哈希表(hash table),鍵列表(keyed list)等
2. 值的有序列表 多數(shù)語言中被理解為數(shù)組(array)
JSON使用:
JSON以一種特定的字符串形式來表示 JavaScript 對(duì)象。如果將具有這樣一種形式的字符串賦給任意一個(gè) JavaScript 變量,那么該變量會(huì)變成一個(gè)對(duì)象引用,而這個(gè)對(duì)象就是字符串所構(gòu)建出來的,好像有點(diǎn)拗口,我們還是用實(shí)例來說明。
這里假設(shè)我們需要?jiǎng)?chuàng)建一個(gè)User對(duì)象,并具有以下屬性
用戶ID
用戶名
用戶Email
您可以使用以下JSON形式來表示User對(duì)象:
JavaScript代碼
{"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
然后如果把這一字符串賦予一個(gè)JavaScript變量,那么就可以直接使用對(duì)象的任一屬性了。
完整代碼:
JavaScript代碼
復(fù)制代碼 代碼如下:
<script>
var User = {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
alert(User.Name);
</script>
實(shí)際使用時(shí)可能更復(fù)雜一點(diǎn),比如我們?yōu)镹ame定義更詳細(xì)的結(jié)構(gòu),使它具有FirstName和LastName:
JavaScript代碼
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}
完整代碼:
JavaScript代碼
復(fù)制代碼 代碼如下:
<script>
var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"};
alert(User.Name.FirstName);
</script>
現(xiàn)在我們?cè)黾右粋€(gè)新的需求,我們某個(gè)頁面需要一個(gè)用戶列表,而不僅僅是一個(gè)單一的用戶信息,那么這里就需要?jiǎng)?chuàng)建一個(gè)用戶列表數(shù)組。
下面代碼演示了使用JSON形式定義這個(gè)用戶列表:
JavaScript代碼
復(fù)制代碼 代碼如下:
[
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
]
完整代碼:
JavaScript代碼
復(fù)制代碼 代碼如下:
<script>
var UserList = [
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
];
alert(UserList[0].Name.FirstName);
</script>
事實(shí)上除了使用"."引用屬性外,我們還可以使用下面語句:
JavaScript代碼
復(fù)制代碼 代碼如下:
alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);
現(xiàn)在讀者應(yīng)該對(duì)JSON的使用有點(diǎn)認(rèn)識(shí)了,歸納為以下幾點(diǎn):
對(duì)象是屬性、值對(duì)的集合。一個(gè)對(duì)象的開始于“{”,結(jié)束于“}”。每一個(gè)屬性名和值間用“:”提示,屬性間用“,”分隔。
數(shù)組是有順序的值的集合。一個(gè)數(shù)組開始于"[",結(jié)束于"]",值之間用","分隔。
值可以是引號(hào)里的字符串、數(shù)字、true、false、null,也可以是對(duì)象或數(shù)組。這些結(jié)構(gòu)都能嵌套。
字符串和數(shù)字的定義和C或Java基本一致。
小節(jié):
本文通過一個(gè)實(shí)例演示,初步了解了JSON 的強(qiáng)大用途??梢詺w結(jié)如下:
JSON 提供了一種優(yōu)秀的面向?qū)ο蟮姆椒?,以便將元?shù)據(jù)緩存到客戶機(jī)上。
JSON 幫助分離了驗(yàn)證數(shù)據(jù)和邏輯。
JSON 幫助為 Web 應(yīng)用程序提供了 Ajax 的本質(zhì)。
參考資料:
http://www.json.org/
http://www.ibm.com/developerworks/cn/web/wa-lo-json/?ca=drs-tp3308#N1010D