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啦?，F在主要是說說php內置支持的JSON。很簡單，兩個函數：json_encode和json_decode（跟序列化很像啦）。 一個編碼，一個解碼。先看看編碼的使用：


<?php
$arr = array(
'name' => '陳毅鑫',
'nick' => '深空',
'contact' => array(
'email' => 'shenkong at qq dot com',
'website' => 'http://www.chenyixin.com',
)
);
$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.chenyixin.com"}}
我都說了和序列化很像，你還不信。編碼后就要解碼，php提供了相應的函數json_decode，json_decode執行后，將會得到一個對象，操作如下：

<?php
$arr = array(
'name' => '陳毅鑫',
'nick' => '深空',
'contact' => array(
'email' => 'shenkong at qq dot com',
'website' => 'http://www.chenyixin.com',
)
);
$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.chenyixin.com"}};
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.chenyixin.com',
)
);
$json_string = json_encode($arr);
echo "getProfile($json_string)";
?>
很顯然，當index.html調用profile.php時，JSON字符串生成，并作為參數傳入getProfile，然后將昵稱插入到div中，這樣一次跨域數據交互就完成了，是不是特別簡單。既然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" }  ] }

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

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

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());

// 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

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...
}

php技術：有關JSON以及JSON在PHP中的應用，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。