深入淺出JSON

JSON使用：

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

 這裏假設我們需要創建一個User對象，並具有以下屬性

用戶ID用戶名用戶Email

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

1. {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};

然後如果把這一字符串賦予一個JavaScript變量，那麼就可以直接使用對象的任一屬性了。

完整代碼:

1. <script>
3. var User = {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
4. alert(User.Name);
5. </script>

實際使用時可能更復雜一點，比如我們爲Name定義更詳細的結構，使它具有FirstName和LastName：

1. {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}

完整代碼:

1. <script>
3. var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"};
4. alert(User.Name.FirstName);
5. </script>

現在我們增加一個新的需求，我們某個頁面需要一個用戶列表，而不僅僅是一個單一的用戶信息，那麼這裏就需要創建一個用戶列表數組。
下面代碼演示了使用JSON形式定義這個用戶列表：

1. [
2. {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},
3. {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},
4. {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
5. ]

完整代碼:

1. <script>
2. var UserList = [
3. {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},
4. {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},
5. {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
6. ];
7. alert(UserList[0].Name.FirstName);
8. </script>

事實上除了使用"."引用屬性外，我們還可以使用下面語句：

1. 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/