JSON的應用

woff · 發表於 2011-8-7 13:06:17

互聯網的今天，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.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這麼簡單易用而且好用，還等什麼呢？^_^

帳號		自動登錄		找回密碼
密碼				註冊

[分享] JSON的應用