JSON教程 – 入門篇

JSON教程

1.）JSON定義：

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

2.）JSON的結構基於下面兩點：

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

3.）JSON使用：

JSON以一種特定的字串形式來表示 JavaScript 對象。如果將具有這樣一種形式的字串賦給任意一個 JavaScript 變數，那麼該變數會變成一個對象引用，而這個對象就是字串所構建出來的。

4.)樣本示範：

這裡假設我們需要建立一個User對象，並具有以下屬性：使用者ID ,使用者名稱 ,使用者Email

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

(1)分析

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

完整代碼:
<script>
   var User = {"UserID":147, "Name":"Truly", "Email":"zhuleipro@hotmail.com"};
   alert(User.UserID);//結果是147
   alert(User["Name"]);//結果是Truly --這是調用的兩種方式
</script>

(2)分析

實際使用時可能更複雜一點，比如我們為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);
alert(User["Name"]["FirstName"]); //結果是Truly --它們的效果是一樣的
</script>

(3)分析

現在我們增加一個新的需求，我們某個頁面需要一個使用者列表，而不僅僅是一個單一的使用者資訊，那麼這裡就需要建立一個使用者列表數組。
下面代碼示範了使用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>

5.）歸納小結：

(1).對象是屬性、值對的集合。一個對象的開始於“{”，結束於“}”。每一個屬性名稱和值間用“:”提示，屬性間用“,”分隔。
(2).數組是有順序的值的集合。一個數組開始於"["，結束於"]"，值之間用","分隔。
(3).值可以是引號裡的字串、數字、true、false、null，也可以是對象或數組。這些結構都能嵌套。
(4).字串和數位定義和C或Java基本一致。
(5).JSON 提供了一種優秀的物件導向的方法，以便將中繼資料快取到客戶機上。
(6).JSON 協助分離了驗證資料和邏輯。
(7).JSON 協助為 Web 應用程式提供了 Ajax 的本質。