Ajax學習（5）---使用 JSON 進行數據傳輸

在異步應用程序中發送和接收信息時，可以選擇以純文本和 XML 作爲數據格式。Ajax 的另一種有用的數據格式 JavaScript Object Notation（JSON），使用它更輕鬆地在應用程序中移動數據和對象。
在許多異步應用程序中如何恰當地使用純文本和簡單的名稱/值對。可以將數據組合成下面這樣的形式：

mailto:firstName=Brett&lastName=McLaughlin&[email protected]

這樣就行了，不需要再做什麼了。實際上，Web 老手會意識到通過 GET 請求發送的信息就是採用這種格式。
如果使用 XML 數據格式，就可以將數據組合成下面的形式：

<request>
<firstName>Brett</firstName>
<lastName>McLaughlin</lastName>
<email>[email protected]</email>
</request>

這裏的數據與前面看到的相同，但是這一次採用 XML 格式。這沒什麼了不起的；這只是另一種數據格式，使我們能夠使用 XML 而不是純文本和名稱/值對。
實際上，除非有某種限制迫使您轉向 XML，否則用不着考慮使用別的數據格式。顯然，如果要向需要 XML 格式的輸入的服務器端程序發送數據，那麼希望使用 XML 作爲數據格式。但是，在大多數情況下，對於需要嚮應用程序發送多段信息的服務器，XML 是更好的選擇；換句話說，XML 通常更適合用來向 Ajax 應用程序做出響應，而不是從 Ajax 應用程

序發出請求。
在使用名稱/值對或 XML 時，實際上是使用 JavaScript 從應用程序中取得數據並將數據轉換成另一種數據格式。在這些情況下，JavaScript 在很大程度上作爲一種數據操縱語言，用來移動和操縱來自 Web 表單的數據，並將數據轉換爲一種適合發送給服務器端程序的格式。、
但是，有時候 JavaScript 不僅僅作爲格式化語言使用。在這些情況下，實際上使用 JavaScript 語言中的對象來表示數據，而不僅是將來自 Web 表單的數據放進請求中。在這些情況下，從 JavaScript 對象中提取數據，然後再將數據放進名稱/值對或 XML，就有點兒多此一舉 了。這時就合適使用 JSON：JSON 允許輕鬆地將 JavaScript 對象轉換成可以隨請求發送的數據（同步或異步都可以）。

1.JSON 可以將 JavaScript 對象中表示的一組數據轉換爲字符串，然後就可以在函數之間輕鬆地傳遞這個字符串，或者在異步應用程序中將字符串從 Web 客戶機傳遞給服務器端

程序。這個字符串看起來有點兒古怪（稍後會看到幾個示例），但是 JavaScript 很容易解釋它，而且 JSON 可以表示比名稱/值對更復雜的結構。例如，可以表示數組和複雜的對象，而不僅僅是鍵和值的簡單列表。

(1)簡單 JSON 示例：
按照最簡單的形式，可以用下面這樣的 JSON 表示名稱/值對：
{ "firstName": "Brett" }
這個示例非常基本，而且實際上比等效的純文本名稱/值對佔用更多的空間：
firstName=Brett
但是，當將多個名稱/值對串在一起時，JSON 就會體現出它的價值了。首先，可以創建包含多個名稱/值對的記錄，比如：
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "[email protected]" }

從語法方面來看，這與名稱/值對相比並沒有很大的優勢，但是在這種情況下 JSON 更容易使用，而且可讀性更好。例如，它明確地表示以上三個值都是同一記錄的一部分；花括號

使這些值有了某種聯繫。

(2)值的數組：
當需要表示一組值時，JSON 不但能夠提高可讀性，而且可以減少複雜性。例如，假設您希望表示一個人名列表。在 XML 中，需要許多開始標記和結束標記；如果使用典型的名稱/值對（就像在本系列前面文章中看到的那種名稱/值對），那麼必須建立一種專有的數據格式，或者將鍵名稱修改爲 person1-firstName 這樣的形式。
如果使用 JSON，就只需將多個帶花括號的記錄分組在一起：

{ "people": [
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "[email protected]" },
{ "firstName": "Jason", "lastName":"Hunter", "email": "[email protected]" },
{ "firstName": "Elliotte", "lastName":"Harold", "email": "[email protected]" }
]}


2.在 JavaScript 中使用 JSON：
(1)將 JSON 數據賦值給變量
例如，可以創建一個新的 JavaScript 變量，然後將 JSON 格式的數據字符串直接賦值給它：

var people =
{ "programmers": [
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "[email protected]" },
{ "firstName": "Jason", "lastName":"Hunter", "email": "[email protected]" },
{ "firstName": "Elliotte", "lastName":"Harold", "email": "[email protected]" }
],
"authors": [
{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
],
"musicians": [
{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }
]
}

這非常簡單；現在 people 包含前面看到的 JSON 格式的數據。但是，這還不夠，因爲訪問數據的方式似乎還不明顯。
(2)訪問數據
要想訪問 programmers 列表的第一個條目的姓氏，只需在 JavaScript 中使用下面這樣的代碼：

people.programmers[0].lastName;

注意，數組索引是從零開始的。所以，這行代碼首先訪問 people 變量中的數據；然後移動到稱爲 programmers 的條目，再移動到第一個記錄（[0]）；最後，訪問 lastName 鍵的值。結果是字符串值 “McLaughlin”。
下面是使用同一變量的幾個示例。

people.authors[1].genre // Value is "fantasy"
people.musicians[3].lastName // Undefined. This refers to the fourth entry,and there isn't one
people.programmers.[2].firstName // Value is "Elliotte"

利用這樣的語法，可以處理任何 JSON 格式的數據，而不需要使用任何額外的 JavaScript 工具包或 API。

(3)修改 JSON 數據
正如可以用點號和括號訪問數據，也可以按照同樣的方式輕鬆地修改數據：

people.musicians[1].lastName = "Rachmaninov";

在將字符串轉換爲 JavaScript 對象之後，就可以像這樣修改變量中的數據。
(4)轉換回字符串
當然，如果不能輕鬆地將對象轉換回本文提到的文本格式，那麼所有數據修改都沒有太大的價值。在 JavaScript 中這種轉換也很簡單：

String newJSONtext = people.toJSONString();

這樣就行了！現在就獲得了一個可以在任何地方使用的文本字符串，例如，可以將它用作 Ajax 應用程序中的請求字符串。
更重要的是，可以將任何 JavaScript 對象轉換爲 JSON 文本。並非只能處理原來用 JSON 字符串賦值的變量。爲了對名爲 myObject 的對象進行轉換，只需執行相同形式的命令：
String myObjectInJSON = myObject.toJSONString();

這就是 JSON 與其他數據格式之間最大的差異。如果使用 JSON，只需調用一個簡單的函數，就可以獲得經過格式化的數據，可以直接使用了。對於其他數據格式，需要在原始數據和格式化數據之間進行轉換。即使使用 Document Object Model 這樣的 API（提供了將自己的數據結構轉換爲文本的函數），也需要學習這個 API 並使用 API 的對象，而不是使用原生的 JavaScript 對象和語法。