關於JSON以及JSON在PHP中的應用技巧_php技巧

JSON 基礎

簡單地說，JSON 可以將 JavaScript 對象中表示的一組資料轉換為字串，然後就可以在函數之間輕鬆地傳遞這個字串，或者在非同步應用程式中將字串從 Web 客戶機傳遞給伺服器端程式。這個字串看起來有點兒古怪（稍後會看到幾個樣本），但是 JavaScript 很容易解釋它，而且 JSON 可以表示比成對的名稱和數值更複雜的結構。例如，可以表示數組和複雜的對象，而不僅僅是鍵和值的簡單列表。

簡單 JSON 樣本

按照最簡單的形式，可以用下面這樣的 JSON 表示成對的名稱和數值：

{ "firstName": "Brett" }

這個樣本非常基本，而且實際上比等效的純文字成對的名稱和數值佔用更多的空間：

firstName=Brett

但是，當將多個成對的名稱和數值串在一起時，JSON 就會體現出它的價值了。首先，可以建立包含多個成對的名稱和數值的記錄，比如：

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }

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

值的數組

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

如果使用 JSON，就只需將多個帶花括弧的記錄分組在一起：

複製代碼 代碼如下:

{ "people": [
 { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
 { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
 { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
]}

這不難理解。在這個樣本中，只有一個名為 people 的變數，值是包含三個條目的數組，每個條目是一個人的記錄，其中包含名、姓和電子郵件地址。上面的樣本示範如何用括弧將記錄組合成一個值。當然，可以使用相同的文法表示多個值（每個值包含多個記錄）：

複製代碼 代碼如下:

{ "programmers": [
 { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
 { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
 { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
 ],
"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" }
 ]
}

這裡最值得注意的是，能夠表示多個值，每 個值進而包含多個值。但是還應該注意，在不同的主條目（programmers、authors 和 musicians）之間，記錄中實際的成對的名稱和數值可以不一樣。JSON 是完全動態，允許在 JSON 結構的中間改變表示資料的方式。

在處理 JSON 格式的資料時，沒有需要遵守的預定義的約束。所以，在同樣的資料結構中，可以改變表示資料的方式，甚至可以以不同方式表示同一事物。

在 JavaScript 中使用 JSON

掌握了 JSON 格式之後，在 JavaScript 中使用它就很簡單了。JSON 是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON 資料不需要任何特殊的 API 或工具包。

將 JSON 資料賦值給變數

例如，可以建立一個新的 JavaScript 變數，然後將 JSON 格式的資料字串直接賦值給它：

複製代碼 代碼如下:

var people =
 { "programmers": [
  { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
  { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
  { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
  ],
 "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 格式的資料。但是，這還不夠，因為訪問資料的方式似乎還不明顯。

訪問資料

盡 管看起來不明顯，但是上面的長字串實際上只是一個數組；將這個數組放進 JavaScript 變數之後，就可以很輕鬆地訪問它。實際上，只需用點號標記法來表示數組元素。所以，要想訪問 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。

修改 JSON 資料

正如可以用點號和括弧訪問資料，也可以按照同樣的方式輕鬆地修改資料：

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

在將字串轉換為 JavaScript 對象之後，就可以像這樣修改變數中的資料。

轉換回字串

當然，如果不能輕鬆地將對象轉換回本文提到的文字格式設定，那麼所有資料修改都沒有太大的價值。在 JavaScript 中這種轉換也很簡單：

String newJSONtext = people.toJSONString();

這樣就行了！現在就獲得了一個可以在任何地方使用的文本字串，例如，可以將它用作 Ajax 應用程式中的請求字串。

更重要的是，可以將任何 JavaScript 對象轉換為 JSON 文本。並非只能處理原來用 JSON 字串賦值的變數。為了對名為 myObject 的對象進行轉換，只需執行相同形式的命令：

String myObjectInJSON = myObject.toJSONString();

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

最終結論是，如果要處理大量 JavaScript 對象，那麼 JSON 幾乎肯定是一個好選擇，這樣就可以輕鬆地將資料轉換為可以在請求中發送給伺服器端程式的格式。

JSON在PHP中的應用

互連網的今天，AJAX已經不是什麼陌生的詞彙了。說起AJAX，可能會立即想起因RSS而興起的XML。XML的解析，恐怕已經不是什麼難題了，特別是 PHP5，大量的XML解析器的湧現，如最輕量級的SimpleXML。不過對於AJAX來說，XML的解析更傾向於前台Javascript的支援度。 我想所有解析過XML的人，都會因樹和節點而頭大。不可否認，XML是很不錯的資料存放區方式，但是其靈活恰恰造成了其解析的困難。當然，這裡所指的困難， 是相對於本文的主角－－JSON而言。
JSON為何物？我就不重複概念了。通俗的說，它是一種資料的儲存格式，就像PHP序列化後的字串一樣。它是一種資料描述。比如我們將一 個數組序列化後存放，就可以很容易的還原序列化後應用。JSON也是如此，只不過他搭建的是用戶端Javascript和服務端PHP的互動橋樑。我們用 PHP產生JSON後的字串，然後把這個字串傳給前台Javascript，Javascirpt就可以很容易的將其反JSON然後應用。說通俗點， 它真的很像數組。
言歸正傳，如何使用JSON。PHP5.2開始內建了JSON的支援。當然，如果低於這個版本的話，那麼市面上有很多PHP版本的實現，隨 便下一個用就OK啦。現在主要是說說PHP內建支援的JSON。很簡單，兩個函數：json_encode和json_decode（跟序列化很像啦）。 一個編碼，一個解碼。先看看編碼的使用：

複製代碼 代碼如下:

<?php
$arr = array(
'name' => '雲棲社區',
'nick' => '深空',
'contact' => array(
'email' => 'shenkong at qq dot com',
'website' => 'http://www.jb51.net',
)
);
$json_string = json_encode($arr);
echo $json_string;
?>

很簡單的將一個數組JSON了。需要指出的是，在非UTF-8編碼下，中文字元將不可被encode，結果會出來空值，所以，如果你使用 gb2312編寫PHP代碼，那麼就需要將包含中文的內容使用iconv或者mb轉為UTF-8再進行json_encode，上面輸出結果如下：
{"name":"/u9648/u6bc5/u946b","nick":"/u6df1/u7a7a","contact":{"email":"shenkong at qq dot com","website":"http:////www.jb51.net"}}
我都說了和序列化很像，你還不信。編碼後就要解碼，PHP提供了相應的函數json_decode，json_decode執行後，將會得到一個對象，操作如下：

複製代碼 代碼如下:

<?php
$arr = array(
'name' => '雲棲社區',
'nick' => '深空',
'contact' => array(
'email' => 'shenkong at qq dot com',
'website' => 'http://www.jb51.net',
)
);
$json_string = json_encode($arr);
$obj = json_decode($json_string);
print_r($obj);
?>

訪問對象內的屬性會吧？$obj->name，這樣子的，當然，也可以把它轉位元組，方便調用啦：

複製代碼 代碼如下:

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

PHP轉來轉去的用途不是特別大，除了緩衝產生，感覺還不如直接存數組呢，不過，當你和前台互動的時候，它的作用就出來咯，下面看看我怎麼用Javascript來使用這段字元：

複製代碼 代碼如下:

<script type="text/javascript">
var arr = {"name":"/u9648/u6bc5/u946b","nick":"/u6df1/u7a7a","contact":{"email":"shenkong at qq dot com","website":"http:////www.jb51.net"}};
alert(arr.name)
</script>

上面中，直接將這個字串賦給一個變數，它就變成一個Javascript數組了（專業化術語應該不叫數組，不過由於PHP的習慣問題，我就 一直叫數組好了，方便理解）。這樣，可以很方便的對arr進行遍曆或者任意做你想做的事情了。寫到這裡，好像都沒提到AJAX哦？是哦，聯想一下，如果服 務端返回的responseText用JSON過的字串代替XML的話，前台Javascript處理起來是不是很方便呢？狗皮膏藥就是這樣用的。
其實寫到這裡，除了資料的儲存格式不太一樣外，JSON和XML也沒什麼太大區別哦，不過下面我說的一點。雖然和XML沒多大關係，不過， 可以說明JSON更大範圍的應用，那就是，跨域的資料調用。由於安全性問題，AJAX不支援跨域調用，這樣要調用不同網域名稱下的資料，很麻煩哦，雖然有解決 方案（stone在他的講座上提到過了代理啊什麼的雖然聽不懂但是知道能解決）。我寫兩個檔案，足以展示跨域調用了。
主調檔案index.html

複製代碼 代碼如下:

<script type="text/javascript">
function getProfile(str) {
var arr = str;
document.getElementById('nick').innerHTML = arr.nick;
}
</script>
<body><div id="nick"></div></body>
<script type="text/javascript" src="http://www.openphp.cn/demo/profile.php"></script>

被調檔案profile.php

複製代碼 代碼如下:

<?php
$arr = array(
'name' => '雲棲社區',
'nick' => '深空',
'contact' => array(
'email' => 'shenkong at qq dot com',
'website' => 'http://www.jb51.net',
)
);
$json_string = json_encode($arr);
echo "getProfile($json_string)";
?>

很顯然，當index.html調用profile.php時，JSON字串產生，並作為參數傳入getProfile，然後將暱稱插入到div中，這樣一次跨域資料互動就完成了，是不是特別簡單。既然JSON這麼簡單易用而且好用，還等什麼呢？^_^

伺服器端的 JSON

將 JSON 發給伺服器

將 JSON 發給伺服器並不難，但卻至關重要，而且還有一些重要的選擇要做。但是，一旦決定使用 JSON，所要做的這些選擇就會十分簡單而且數量有限，所以您需要考慮和關注的事情不多。重要的是能夠將 JSON 字串發送給伺服器，而且最好能做到儘快和儘可能簡單。

通過 GET 以成對的名稱和數值發送 JSON

將 JSON 資料發給伺服器的最簡單方法是將其轉換成文本，然後以成對的名稱和數值的值的方式進行發送。請務必注意，JSON 格式的資料是相當長的一個對象，看起來可能會如清單 1 所示：

清單 1. JSON 格式的簡單 JavaScript 對象

複製代碼 代碼如下:

var people = { "programmers": [  { "firstName": "Brett", "lastName":"McLaughlin",
"email": "brett@newInstance.com" },  { "firstName": "Jason", "lastName":"Hunter",
"email": "jason@servlets.com" },  { "firstName": "Elliotte", "lastName":"Harold",
"email": "elharo@macfaq.com" }  ], "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" }  ] }

如果要以成對的名稱和數值將其發送到伺服器端，應該如下所示：

複製代碼 代碼如下:

var url = "organizePeople.php?people=" + people.toJSONString();
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);

這看起來不錯，但卻存在一個問題：在 JSON 資料中會有空格和各種字元，網頁瀏覽器往往要嘗試對其繼續編譯。要確保這些字元不會在伺服器上（或者在將資料發送給伺服器的過程中）引起混亂，需要在 JavaScript escape() 函數中做如下添加：

複製代碼 代碼如下:

var url = "organizePeople.php?people=" + escape(people.toJSONString());
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);

該函數可以處理空格、斜線和其他任何可能影響瀏覽器的內容，並將它們轉換成 Web 可用字元（比如，空格會被轉換成 %20，瀏覽器並不會將其視為空白格處理，而是不做更改，將其直接傳遞到伺服器）。之後，伺服器會（通常自動）再把它們轉換回它們傳輸後的本來 “面目”。

這種做法的缺點有兩個：

在使用 GET 請求發送大塊資料時，對 URL 字串有長度限制。雖然這個限制很寬泛，但對象的 JSON 字串表示的長度可能超出您的想象，尤其是在使用極其複雜的對象時更是如此。

在跨網路以純文字發送所有資料的時候，發送資料面臨的不安全性超出了您的處理能力。

簡言之，以上是 GET 請求的兩個限制，而不是簡單的兩個與 JSON 資料相關的事情。在想要發送使用者名稱和姓之外的更多內容，比如表單中的選擇時，二者可能會需要多加註意。若要處理任何機密或極長的內容，可以使用 POST 請求。

利用 POST 請求發送 JSON 資料

當決定使用 POST 請求將 JSON 資料發送給伺服器時，並不需要對代碼進行大量更改，如下所示：

複製代碼 代碼如下:

var url = "organizePeople.php?timeStamp=" + new Date().getTime();
request.open("POST", url, true);
request.onreadystatechange = updatePage;
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send(people.toJSONString());

這些代碼中的大部分，您都在 “ 掌握 Ajax，第 3 部分：Ajax 中的進階請求和響應” 中見過，應該比較熟悉，第 3 部分重點介紹了如何發送 POST 請求。請求使用 POST 而非 GET 開啟，而且 Content-Type 頭被設定為讓伺服器預知它能得到何種資料。在這種情況下，即為 application/x-www-form-urlencoded，它讓伺服器知道現在發送的是文本，正如它從常規的 HTML 表單中得到的一樣。

另 一個簡單提示是 URL 的末尾追加了時間。這就確保了請求不會在它第一次被發送後即緩衝，而是會在此方法每次被調用後重新建立和重發；此 URL 會由於時間戳記的不同而稍微有些不同。這種技巧常被用於確保到指令碼的 POST 每次都會實際產生新請求且 Web 服務器不會嘗試緩衝來自伺服器的響應。

JSON 就只是文本

不管使用 GET 還是 POST，關鍵之處在於 JSON 就只是文本。由於不需要特殊編碼而且每個伺服器端指令碼都能處理文本資料，所以可以輕鬆利用 JSON 並將其應用到伺服器。假如 JSON 是二進位格式的或是一些怪異的文本編碼，情況就不這麼簡單了；幸好 JSON 只是常規的文本資料（正如指令碼能從表單提交中所接收到的資料，在 POST 段和 Content-Type 頭中亦可以看出），所以在將資料發送到伺服器時無需太費心。

在伺服器上解釋 JSON

一 旦您編寫完用戶端 JavaScript 代碼、允許使用者與 Web 表單和 Web 頁的互動、收集發送給伺服器端程式以做處理所需的資訊，此時，伺服器就成為了應用程式（如果調用了非同步使用的伺服器端程式，則可能是我們認為的所謂的 “Ajax 應用程式”）中的主角。在此時，您在用戶端所做的選擇（比如使用 JavaScript 對象，然後將其轉換成 JSON 字串）必須要與伺服器端的選擇相匹配，比如使用哪個 API 解碼 JSON 資料。

處理 JSON 的兩步驟

不管在伺服器端使用何種語言，在伺服器端處理 JSON 基本上就需要兩個步驟。

針對編寫伺服器端程式所用的語言，找到相應的 JSON 解析器/工具箱/協助器 API。

使用 JSON 解析器/工具箱/協助器 API 取得來自客戶機的請求資料並將資料轉變成指令碼能理解的東西。

以上差不多就是目前所應瞭解的大致內容了。接下來，我們對每個步驟進行較為詳細的介紹。

尋找 JSON 解析器

尋找 JSON 解析器或工具箱最好的資源是 JSON 網站（有關連結，請參閱 參考資料）。 在這裡，除了可以瞭解此格式本身的方方面面之外，還可以通過各種連結找到 JSON 的各種工具和解析器，從 ASP 到 Erlang，到 Pike，再到 Ruby，應有盡有。您只需針對自己編寫指令碼所用的語言下載相應的工具箱即可。為了讓伺服器端指令碼和程式能夠使用此工具箱，可以根據情況對其進行選擇、擴 展或安裝（如果在伺服器端使用的是 C#、PHP 或 Lisp，則可變性更大）。

例如，如果使用的是 PHP，可以簡單將其升級至 PHP 5.2 並用它完成操作；在 PHP 這個最新版本預設包含了 JSON 擴充。實際上，那也是在使用 PHP 時處理 JSON 的最好方法。如果使用的是 Java servlet，json.org 上的 org.json 包顯然就是個不錯的選擇。在這種情況下，可以從 JSON Web 網站下載 json.zip 並將其中包含的源檔案添加到項目構建目錄。編譯完這些檔案後，一切就就緒了。對於所支援的其他語言，同樣可以使用相同的步驟；使用何種語言取決於您對該語 言的精通程度，最好使用您所熟悉的語言。

使用 JSON 解析器

一旦獲得了程式可用的資源，剩下的事就是找到合適的方法進行調用。比如，假設為 PHP 使用的是 JSON-PHP 模板：

複製代碼 代碼如下:

// This is just a code fragment from a larger PHP server-side script
require_once('JSON.php');
$json = new Services_JSON();
// accept POST data and decode it
$value = $json->decode($GLOBALS['HTTP_RAW_POST_DATA']);
// Now work with value as raw PHP

通過該模板，可將獲得的所有資料（數組格式的、多行的、單值的或 JSON 資料結構中的任何內容）轉換成原生 PHP 格式，放在 $value 變數中。

如果在 servlet 中使用的是 org.json 包，則會使用如下代碼：

複製代碼 代碼如下:

public void doPost(HttpServletRequest request, HttpServletResponse response)
 throws ServletException, IOException {
 StringBuffer jb = new StringBuffer();
 String line = null;
 try {
  BufferedReader reader = request.getReader();
  while ((line = reader.readLine()) != null)
   jb.append(line);
 } catch (Exception e) { //report an error }
 try {
  JSONObject jsonObject = new JSONObject(jb.toString());
 } catch (ParseException e) {
  // crash and burn
  throw new IOException("Error parsing JSON request string");
 }
 // Work with the data using methods like...
 // int someInt = jsonObject.getInt("intParamName");
 // String someString = jsonObject.getString("stringParamName");
 // JSONObject nestedObj = jsonObject.getJSONObject("nestedObjName");
 // JSONArray arr = jsonObject.getJSONArray("arrayParamName");
 // etc...
}