比XML更好的JSON，深入淺出JSON教程

JSON定義

    JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，易於閱讀和編寫，同時也易於機器解析和生成。它基於ECMA262語言規範（1999-12第三版）中JavaScript編程語言的一個子集。 JSON採用與編程語言無關的文本格式，但是也使用了類C語言（包括C， C++， C#， Java， JavaScript， Perl， Python等）的習慣，這些特性使JSON成爲理想的數據交換格式。
JSON的結構基於下面兩點

1. "名稱/值"對的集合 不同語言中，它被理解爲對象(object)，記錄(record)，結構(struct)，字典(dictionary)，哈希表(hash table)，鍵列表(keyed list)等
2. 值的有序列表 多數語言中被理解爲數組(array)
JSON使用：

JSON以一種特定的字符串形式來表示 JavaScript 對象。如果將具有這樣一種形式的字符串賦給任意一個 JavaScript 變量，那麼該變量會變成一個對象引用，而這個對象就是字符串所構建出來的，好像有點拗口，我們還是用實例來說明。
 這裏假設我們需要創建一個User對象，並具有以下屬性

用戶ID
用戶名
用戶Email
您可以使用以下JSON形式來表示User對象：

{"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};然後如果把這一字符串賦予一個JavaScript變量，那麼就可以直接使用對象的任一屬性了。

完整代碼:

<script>
var User = {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
alert(User.Name);
</script>實際使用時可能更復雜一點，比如我們爲Name定義更詳細的結構，使它具有FirstName和LastName：

{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}完整代碼:

<script>
var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"};
alert(User.Name.FirstName);
</script>現在我們增加一個新的需求，我們某個頁面需要一個用戶列表，而不僅僅是一個單一的用戶信息，那麼這裏就需要創建一個用戶列表數組。
下面代碼演示了使用JSON形式定義這個用戶列表：

[
{"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"}
]
完整代碼:

<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>事實上除了使用"."引用屬性外，我們還可以使用下面語句：

alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);

現在讀者應該對JSON的使用有點認識了，歸納爲以下幾點：

對象是屬性、值對的集合。一個對象的開始於“{”，結束於“}”。每一個屬性名和值間用“:”提示，屬性間用“,”分隔。
數組是有順序的值的集合。一個數組開始於"["，結束於"]"，值之間用","分隔。
值可以是引號裏的字符串、數字、true、false、null，也可以是對象或數組。這些結構都能嵌套。
字符串和數字的定義和C或Java基本一致。
小節：

本文通過一個實例演示，初步瞭解了JSON 的強大用途。可以歸結如下：

JSON 提供了一種優秀的面向對象的方法，以便將元數據緩存到客戶機上。
JSON 幫助分離了驗證數據和邏輯。
JSON 幫助爲 Web 應用程序提供了 Ajax 的本質。
參考資料：
http://www.json.org/

編輯推薦Jquery文章，希望你喜歡：
JS優秀框架：jQuery最新版下載地址及jquery官方
http://www.xueit.com/html/2009-03/33_992_00.html
使用JQUERY仿GOOGLE自動完成插件
http://www.xueit.com/html/2009-03/33_874_00.html
實例JQuery+Ajax實現無刷新數據查詢(仿Google/百度搜索框)
http://www.xueit.com/html/2009-05/33_1796_00.html
JQuery選項卡插件推薦：17個引人注目JQuery導航菜單
http://www.xueit.com/html/2009-09/2_4447_00.html
JQuery插件大全下載，共有240個JQuery插件哦
http://www.xueit.com/html/2009-09/33_4506_00.html
jquery仿百度圖片幻燈瀏覽功能
http://www.xueit.com/html/2009-09/33_4573_00.html
jQuery投票插件：jQuery實現投票系統顯示結果插件
http://www.xueit.com/html/2009-11-10/33-1250974127921.html
不可不看20個超級酷Jquery實用效果例子
http://www.xueit.com/html/2009-11-25/33-1484914632500.html
非常漂亮網頁右鍵菜單，JQuery實現右鍵菜單
http://www.xueit.com/html/2009-10-30/33-19177319171.html
推薦10個jquery動畫菜單 十分漂亮的Jquery菜單插件
http://www.xueit.com/html/2009-11-20/33-2102769523921.html