JSON 基礎
簡 單地說,JSON 可以將 JavaScript 對象中表示的一組數據轉換為字符串,然後就可以在函數之間輕松地傳遞這個字符串,或者在異步應用程序中將字符串從 Web 客戶機傳遞給服務器端程序。這個字符串看起來有點兒古怪(稍後會看到幾個示例),但是 JavaScript 很容易解釋它,而且 JSON 可以表示比名稱/值對更復雜的結構。例如,可以表示數組和復雜的對象,而不僅僅是鍵和值的簡單列表。
簡單 JSON 示例
按照最簡單的形式,可以用下面這樣的 JSON 表示名稱/值對:
這個示例非常基本,而且實際上比等效的純文本名稱/值對占用更多的空間:
但是,當將多個名稱/值對串在一起時,JSON 就會體現出它的價值了。首先,可以創建包含多個名稱/值對的記錄,比如:
從語法方面來看,這與名稱/值對相比並沒有很大的優勢,但是在這種情況下 JSON 更容易使用,而且可讀性更好。例如,它明確地表示以上三個值都是同一記錄的一部分;花括號使這些值有了某種聯系。
值的數組
當 需要表示一組值時,JSON 不但能夠提高可讀性,而且可以減少復雜性。例如,假設您希望表示一個人名列表。在 XML 中,需要許多開始標記和結束標記;如果使用典型的名稱/值對(就像在本系列前面文章中看到的那種名稱/值對),那麼必須建立一種專有的數據格式,或者將鍵 名稱修改為person1-firstName 這樣的形式。
如果使用 JSON,就只需將多個帶花括號的記錄分組在一起:
這不難理解。在這個示例中,只有一個名為 people 的變量,值是包含三個條目的數組,每個條目是一個人的記錄,其中包含名、姓和電子郵件地址。上面的示例演示如何用括號將記錄組合成一個值。當然,可以使用相同的語法表示多個值(每個值包含多個記錄):
這裡最值得注意的是,能夠表示多個值,每 個值進而包含多個值。但是還應該注意,在不同的主條目(programmers、authors 和 musicians)之間,記錄中實際的名稱/值對可以不一樣。JSON 是完全動態的,允許在 JSON 結構的中間改變表示數據的方式。
在處理 JSON 格式的數據時,沒有需要遵守的預定義的約束。所以,在同樣的數據結構中,可以改變表示數據的方式,甚至可以以不同方式表示同一事物。
在 JavaScript 中使用 JSON
掌握了 JSON 格式之後,在 JavaScript 中使用它就很簡單了。JSON 是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON 數據不需要任何特殊的 API 或工具包。
將 JSON 數據賦值給變量
例如,可以創建一個新的 JavaScript 變量,然後將 JSON 格式的數據字符串直接賦值給它:
這非常簡單;現在 people 包含前面看到的 JSON 格式的數據。但是,這還不夠,因為訪問數據的方式似乎還不明顯。
訪問數據
盡 管看起來不明顯,但是上面的長字符串實際上只是一個數組;將這個數組放進 JavaScript 變量之後,就可以很輕松地訪問它。實際上,只需用點號表示法來表示數組元素。所以,要想訪問 programmers 列表的第一個條目的姓氏,只需在 JavaScript 中使用下面這樣的代碼:
注意,數組索引是從零開始的。所以,這行代碼首先訪問 people 變量中的數據;然後移動到稱為programmers 的條目,再移動到第一個記錄([0]);最後,訪問lastName 鍵的值。結果是字符串值 “McLaughlin”。
下面是使用同一變量的幾個示例。
利用這樣的語法,可以處理任何 JSON 格式的數據,而不需要使用任何額外的 JavaScript 工具包或 API。
修改 JSON 數據
正如可以用點號和括號訪問數據,也可以按照同樣的方式輕松地修改數據:
在將字符串轉換為 JavaScript 對象之後,就可以像這樣修改變量中的數據。
轉換回字符串
當然,如果不能輕松地將對象轉換回本文提到的文本格式,那麼所有數據修改都沒有太大的價值。在 JavaScript 中這種轉換也很簡單:
這樣就行了!現在就獲得了一個可以在任何地方使用的文本字符串,例如,可以將它用作 Ajax 應用程序中的請求字符串。www.2cto.com
更重要的是,可以將任何 JavaScript 對象轉換為 JSON 文本。並非只能處理原來用 JSON 字符串賦值的變量。為了對名為 myObject 的對象進行轉換,只需執行相同形式的命令:
這就是 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' => 'Linux',
'nick' => 'php',
'contact' => array(
'email' => 'email',
'website' => 'http://blog.csdn.net/21aspnet,
)
);
$json_string = json_encode($arr);
echo $json_string;
?>
很簡單的將一個數組JSON了。需要指出的是,在非UTF-8編碼下,中文字符將不可被encode,結果會出來空值,所以,如果你使用 gb2312編寫PHP代碼,那麼就需要將包含中文的內容使用iconv或者mb轉為UTF-8再進行json_encode,我都說了和序列化很像,你還不信。編碼後就要解碼,PHP提供了相應的函數json_decode,json_decode執行後,將會得到一個對象,操作如下:
<?php
$arr = array(
'name' => 'Linux',
'nick' => 'php',
'contact' => array(
'email' => 'email',
'website' => 'http://blog.csdn.net/21aspnet,
)
);
$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來使用這段字符。
上面中,直接將這個字符串賦給一個變量,它就變成一個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="profile.php"></script>
被調文件profile.php
<?php
$arr = array(
'name' => 'Linux',
'nick' => 'php',
'contact' => array(
'email' => 'email',
'website' => 'http://blog.csdn.net/21aspnet,
)
);
$json_string = json_encode($arr);
echo "getProfile($json_string)";
?>
很顯然,當index.html調用profile.php時,JSON字符串生成,並作為參數傳入getProfile,然後將昵稱插入到div中,這樣一次跨域數據交互就完成了,是不是特別簡單。既然JSON這麼簡單易用而且好用,還等什麼呢?^_^
摘自 劉海闖的專欄
zz