JSON 基礎(chǔ)

簡(jiǎn) 單地說(shuō)，JSON 可以將 JavaScript 對(duì)象中表示的一組數(shù)據(jù)轉(zhuǎn)換為字符串，然后就可以在函數(shù)之間輕松地傳遞這個(gè)字符串，或者在異步應(yīng)用程序中將字符串從 Web 客戶機(jī)傳遞給服務(wù)器端程序。這個(gè)字符串看起來(lái)有點(diǎn)兒古怪（稍后會(huì)看到幾個(gè)示例），但是 JavaScript 很容易解釋它，而且 JSON 可以表示比名稱(chēng)/值對(duì)更復(fù)雜的結(jié)構(gòu)。例如，可以表示數(shù)組和復(fù)雜的對(duì)象，而不僅僅是鍵和值的簡(jiǎn)單列表。

簡(jiǎn)單 JSON 示例

按照最簡(jiǎn)單的形式，可以用下面這樣的 JSON 表示名稱(chēng)/值對(duì)：

這個(gè)示例非?；?，而且實(shí)際上比等效的純文本名稱(chēng)/值對(duì)占用更多的空間：

但是，當(dāng)將多個(gè)名稱(chēng)/值對(duì)串在一起時(shí)，JSON 就會(huì)體現(xiàn)出它的價(jià)值了。首先，可以創(chuàng)建包含多個(gè)名稱(chēng)/值對(duì)的記錄，比如：

從語(yǔ)法方面來(lái)看，這與名稱(chēng)/值對(duì)相比并沒(méi)有很大的優(yōu)勢(shì)，但是在這種情況下 JSON 更容易使用，而且可讀性更好。例如，它明確地表示以上三個(gè)值都是同一記錄的一部分；花括號(hào)使這些值有了某種聯(lián)系。

值的數(shù)組

當(dāng) 需要表示一組值時(shí)，JSON 不但能夠提高可讀性，而且可以減少?gòu)?fù)雜性。例如，假設(shè)您希望表示一個(gè)人名列表。在 XML 中，需要許多開(kāi)始標(biāo)記和結(jié)束標(biāo)記；如果使用典型的名稱(chēng)/值對(duì)（就像在本系列前面文章中看到的那種名稱(chēng)/值對(duì)），那么必須建立一種專(zhuān)有的數(shù)據(jù)格式，或者將鍵 名稱(chēng)修改為person1-firstName 這樣的形式。

如果使用 JSON，就只需將多個(gè)帶花括號(hào)的記錄分組在一起：

這不難理解。在這個(gè)示例中，只有一個(gè)名為 people 的變量，值是包含三個(gè)條目的數(shù)組，每個(gè)條目是一個(gè)人的記錄，其中包含名、姓和電子郵件地址。上面的示例演示如何用括號(hào)將記錄組合成一個(gè)值。當(dāng)然，可以使用相同的語(yǔ)法表示多個(gè)值（每個(gè)值包含多個(gè)記錄）：

這里最值得注意的是，能夠表示多個(gè)值，每 個(gè)值進(jìn)而包含多個(gè)值。但是還應(yīng)該注意，在不同的主條目（programmers、authors 和 musicians）之間，記錄中實(shí)際的名稱(chēng)/值對(duì)可以不一樣。JSON 是完全動(dòng)態(tài)的，允許在 JSON 結(jié)構(gòu)的中間改變表示數(shù)據(jù)的方式。

在處理 JSON 格式的數(shù)據(jù)時(shí)，沒(méi)有需要遵守的預(yù)定義的約束。所以，在同樣的數(shù)據(jù)結(jié)構(gòu)中，可以改變表示數(shù)據(jù)的方式，甚至可以以不同方式表示同一事物。

在 JavaScript 中使用 JSON

掌握了 JSON 格式之后，在 JavaScript 中使用它就很簡(jiǎn)單了。JSON 是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON 數(shù)據(jù)不需要任何特殊的 API 或工具包。

將 JSON 數(shù)據(jù)賦值給變量

例如，可以創(chuàng)建一個(gè)新的 JavaScript 變量，然后將 JSON 格式的數(shù)據(jù)字符串直接賦值給它：

這非常簡(jiǎn)單；現(xiàn)在 people 包含前面看到的 JSON 格式的數(shù)據(jù)。但是，這還不夠，因?yàn)樵L問(wèn)數(shù)據(jù)的方式似乎還不明顯。

訪問(wèn)數(shù)據(jù)

盡 管看起來(lái)不明顯，但是上面的長(zhǎng)字符串實(shí)際上只是一個(gè)數(shù)組；將這個(gè)數(shù)組放進(jìn) JavaScript 變量之后，就可以很輕松地訪問(wèn)它。實(shí)際上，只需用點(diǎn)號(hào)表示法來(lái)表示數(shù)組元素。所以，要想訪問(wèn) programmers 列表的第一個(gè)條目的姓氏，只需在 JavaScript 中使用下面這樣的代碼：

注意，數(shù)組索引是從零開(kāi)始的。所以，這行代碼首先訪問(wèn) people 變量中的數(shù)據(jù)；然后移動(dòng)到稱(chēng)為programmers 的條目，再移動(dòng)到第一個(gè)記錄（[0]）；最后，訪問(wèn)lastName 鍵的值。結(jié)果是字符串值 “McLaughlin”。

下面是使用同一變量的幾個(gè)示例。

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

修改 JSON 數(shù)據(jù)

正如可以用點(diǎn)號(hào)和括號(hào)訪問(wèn)數(shù)據(jù)，也可以按照同樣的方式輕松地修改數(shù)據(jù)：

在將字符串轉(zhuǎn)換為 JavaScript 對(duì)象之后，就可以像這樣修改變量中的數(shù)據(jù)。

轉(zhuǎn)換回字符串

當(dāng)然，如果不能輕松地將對(duì)象轉(zhuǎn)換回本文提到的文本格式，那么所有數(shù)據(jù)修改都沒(méi)有太大的價(jià)值。在 JavaScript 中這種轉(zhuǎn)換也很簡(jiǎn)單：

這樣就行了！現(xiàn)在就獲得了一個(gè)可以在任何地方使用的文本字符串，例如，可以將它用作 Ajax 應(yīng)用程序中的請(qǐng)求字符串。

更重要的是，可以將任何 JavaScript 對(duì)象轉(zhuǎn)換為 JSON 文本。并非只能處理原來(lái)用 JSON 字符串賦值的變量。為了對(duì)名為 myObject 的對(duì)象進(jìn)行轉(zhuǎn)換，只需執(zhí)行相同形式的命令：

這就是 JSON 與本系列討論的其他數(shù)據(jù)格式之間最大的差異。如果使用 JSON，只需調(diào)用一個(gè)簡(jiǎn)單的函數(shù)，就可以獲得經(jīng)過(guò)格式化的數(shù)據(jù)，可以直接使用了。對(duì)于其他數(shù)據(jù)格式，需要在原始數(shù)據(jù)和格式化數(shù)據(jù)之間進(jìn)行轉(zhuǎn)換。即使使用 Document Object Model 這樣的 API（提供了將自己的數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)換為文本的函數(shù)），也需要學(xué)習(xí)這個(gè) API 并使用 API 的對(duì)象，而不是使用原生的 JavaScript 對(duì)象和語(yǔ)法。

最終結(jié)論是，如果要處理大量 JavaScript 對(duì)象，那么 JSON 幾乎肯定是一個(gè)好選擇，這樣就可以輕松地將數(shù)據(jù)轉(zhuǎn)換為可以在請(qǐng)求中發(fā)送給服務(wù)器端程序的格式。

JSON在PHP中的應(yīng)用

互聯(lián)網(wǎng)的今天，AJAX已經(jīng)不是什么陌生的詞匯了。說(shuō)起AJAX，可能會(huì)立即想起因RSS而興起的XML。XML的解析，恐怕已經(jīng)不是什么難題了，特別是 PHP5，大量的XML解析器的涌現(xiàn)，如最輕量級(jí)的SimpleXML。不過(guò)對(duì)于AJAX來(lái)說(shuō)，XML的解析更傾向于前臺(tái)Javascript的支持度。 我想所有解析過(guò)XML的人，都會(huì)因樹(shù)和節(jié)點(diǎn)而頭大。不可否認(rèn)，XML是很不錯(cuò)的數(shù)據(jù)存儲(chǔ)方式，但是其靈活恰恰造成了其解析的困難。當(dāng)然，這里所指的困難， 是相對(duì)于本文的主角－－JSON而言。

JSON為何物？我就不重復(fù)概念了。通俗的說(shuō)，它是一種數(shù)據(jù)的存儲(chǔ)格式，就像PHP序列化后的字符串一樣。它是一種數(shù)據(jù)描述。比如我們將一 個(gè)數(shù)組序列化后存放，就可以很容易的反序列化后應(yīng)用。JSON也是如此，只不過(guò)他搭建的是客戶端Javascript和服務(wù)端PHP的交互橋梁。我們用 PHP生成JSON后的字符串，然后把這個(gè)字符串傳給前臺(tái)Javascript，Javascirpt就可以很容易的將其反JSON然后應(yīng)用。說(shuō)通俗點(diǎn)， 它真的很像數(shù)組。

言歸正傳，如何使用JSON。PHP5.2開(kāi)始內(nèi)置了JSON的支持。當(dāng)然，如果低于這個(gè)版本的話，那么市面上有很多PHP版本的實(shí)現(xiàn)，隨 便下一個(gè)用就OK啦?，F(xiàn)在主要是說(shuō)說(shuō)PHP內(nèi)置支持的JSON。很簡(jiǎn)單，兩個(gè)函數(shù)：json_encode和json_decode（跟序列化很像啦）。 一個(gè)編碼，一個(gè)解碼。先看看編碼的使用：

$arr = array(
'name' => 'Linux',
'nick' => 'php',
'contact' => array(
'email' => 'email',
'website' => 'http://www.imduo.com/,
)
);
$json_string = json_encode($arr);
echo $json_string;

很簡(jiǎn)單的將一個(gè)數(shù)組JSON了。需要指出的是，在非UTF-8編碼下，中文字符將不可被encode，結(jié)果會(huì)出來(lái)空值，所以，如果你使用 gb2312編寫(xiě)PHP代碼，那么就需要將包含中文的內(nèi)容使用iconv或者mb轉(zhuǎn)為UTF-8再進(jìn)行json_encode，我都說(shuō)了和序列化很像，你還不信。編碼后就要解碼，PHP提供了相應(yīng)的函數(shù)json_decode，json_decode執(zhí)行后，將會(huì)得到一個(gè)對(duì)象，操作如下：

$arr = array(
'name' => 'Linux',
'nick' => 'php',
'contact' => array(
'email' => 'email',
'website' => 'http://www.imduo.com/,
)
);
$json_string = json_encode($arr);
$obj = json_decode($json_string);
print_r($obj);

訪問(wèn)對(duì)象內(nèi)的屬性會(huì)吧？$obj->name，這樣子的，當(dāng)然，也可以把它轉(zhuǎn)位數(shù)組，方便調(diào)用啦：

$json_string = json_encode($arr);
$obj = json_decode($json_string);
$arr = (array) $obj;
print_r($arr);

PHP轉(zhuǎn)來(lái)轉(zhuǎn)去的用途不是特別大，除了緩存生成，感覺(jué)還不如直接存數(shù)組呢，不過(guò)，當(dāng)你和前臺(tái)交互的時(shí)候，它的作用就出來(lái)咯，下面看看我怎么用Javascript來(lái)使用這段字符。

上面中，直接將這個(gè)字符串賦給一個(gè)變量，它就變成一個(gè)Javascript數(shù)組了（專(zhuān)業(yè)化術(shù)語(yǔ)應(yīng)該不叫數(shù)組，不過(guò)由于PHP的習(xí)慣問(wèn)題，我就 一直叫數(shù)組好了，方便理解）。這樣，可以很方便的對(duì)arr進(jìn)行遍歷或者任意做你想做的事情了。寫(xiě)到這里，好像都沒(méi)提到AJAX哦？是哦，聯(lián)想一下，如果服 務(wù)端返回的responseText用JSON過(guò)的字符串代替XML的話，前臺(tái)Javascript處理起來(lái)是不是很方便呢？狗皮膏藥就是這樣用的。

其實(shí)寫(xiě)到這里，除了數(shù)據(jù)的存儲(chǔ)格式不太一樣外，JSON和XML也沒(méi)什么太大區(qū)別哦，不過(guò)下面我說(shuō)的一點(diǎn)。雖然和XML沒(méi)多大關(guān)系，不過(guò)， 可以說(shuō)明JSON更大范圍的應(yīng)用，那就是，跨域的數(shù)據(jù)調(diào)用。由于安全性問(wèn)題，AJAX不支持跨域調(diào)用，這樣要調(diào)用不同域名下的數(shù)據(jù)，很麻煩哦，雖然有解決 方案（stone在他的講座上提到過(guò)了代理啊什么的雖然聽(tīng)不懂但是知道能解決）。我寫(xiě)兩個(gè)文件，足以展示跨域調(diào)用了。

主調(diào)文件index.html

被調(diào)文件profile.php

$arr = array(
'name' => 'Linux',
'nick' => 'php',
'contact' => array(
'email' => 'email',
'website' => 'http://www.imduo.com/,
)
);
$json_string = json_encode($arr);
echo "getProfile($json_string)";
?>

很顯然，當(dāng)index.html調(diào)用profile.php時(shí)，JSON字符串生成，并作為參數(shù)傳入getProfile，然后將昵稱(chēng)插入到p中，這樣一次跨域數(shù)據(jù)交互就完成了，是不是特別簡(jiǎn)單。既然JSON這么簡(jiǎn)單易用而且好用，還等什么呢？^_^