我的AJAX第五步–認知JSON

在《我的AJAX第四步》中，由於需要從伺服器端傳遞相應結果到用戶端部分，所以使用了新的知識--JSON。其實還可以將相應的結果集的資訊封到XML文檔中，然後返回給用戶端，通過DOM操作XML，從而得到相應結果，但是貌似很是麻煩。由於在上一步中出現了JSON這麼個新東西，所以還是需要學習一下，看一看JSON到底是個什麼東西。我找了一些資料，這裡拿出一篇個人認為很不錯的給大家分享。

/***********以下為轉載部分****************/

Author：Truly

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"]); 

歸納為以下幾點：

對象是屬性、值對的集合。一個對象的開始於“{”，結束於“}”。每一個屬性名稱和值間用“:”提示，屬性間用“,”分隔。

數組是有順序的值的集合。一個數組開始於"["，結束於"]"，值之間用","分隔。

值可以是引號裡的字串、數字、true、false、null，也可以是對象或數組。這些結構都能嵌套。

字串和數位定義和C或Java基本一致。

/********************轉載結束**********************/