DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> PHP中JSON的應用
PHP中JSON的應用
編輯:AJAX詳解     

互聯網的今天,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_encodeJSon_decode(跟序列化很像啦)。一個編碼,一個解碼。先看看編碼的使用:

  1. <?PHP  
  2. $arr = array(  
  3.     'name' => '陳毅鑫',  
  4.     'nick' => '深空',  
  5.     'contact' => array(  
  6.         'email' => 'shenkong at QQ dot com',  
  7.         'website' => 'http://www.okAJax.com',  
  8.     )  
  9. );  
  10. $JSon_string = JSon_encode($arr);  
  11. echo $JSon_string;  
  12. ?> 

很簡單的將一個數組JSON了。需要指出的是,在非UTF-8編碼下,中文字符將不可被encode,結果會出來空值,所以,如果你使用gb2312編寫PHP代碼,那麼就需要將包含中文的內容使用iconv或者mb轉為UTF-8再進行JSon_encode,上面輸出結果如下:

  1. {"name":"\u9648\u6bc5\u946b","nick":"\u6df1\u7a7a","contact":{"email":"shenkong at QQ dot com","website":"http:\/\/www.okAJax.com"}} 

我都說了和序列化很像,你還不信。編碼後就要解碼,PHP提供了相應的函數json_decode,JSon_decode執行後,將會得到一個對象,操作如下:

  1. <?PHP  
  2. $arr = array(  
  3.     'name' => '陳毅鑫',  
  4.     'nick' => '深空',  
  5.     'contact' => array(  
  6.         'email' => 'shenkong at QQ dot com',  
  7.         'website' => 'http://www.okAJax.com',  
  8.     )  
  9. );  
  10. $JSon_string = JSon_encode($arr);  
  11. $obj = JSon_decode($JSon_string);  
  12. print_r($obj);  
  13. ?> 

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

  1. $JSon_string = JSon_encode($arr);  
  2. $obj = JSon_decode($JSon_string);  
  3. $arr = (array) $obj;  
  4. print_r($arr); 

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

  1. <script type="text/Javascript"> 
  2. var arr = {"name":"\u9648\u6bc5\u946b","nick":"\u6df1\u7a7a","contact":{"email":"shenkong at QQ dot com","website":"http:\/\/www.okAJax.com"}};  
  3. alert(arr.name)  
  4. </script> 

上面中,直接將這個字符串賦給一個變量,它就變成一個Javascript數組了(專業化術語應該不叫數組,不過由於PHP的習慣問題,我就一直叫數組好了,方便理解)。這樣,可以很方便的對arr進行遍歷或者任意做你想做的事情了。寫到這裡,好像都沒提到AJax哦?是哦,聯想一下,如果服務端返回的responseText用JSON過的字符串代替XML的話,前台Javascript處理起來是不是很方便呢?狗皮膏藥就是這樣用的。

其實寫到這裡,除了數據的存儲格式不太一樣外,JSON和XML也沒什麼太大區別哦,不過下面我說的一點。雖然和XML沒多大關系,不過,可以說明JSON更大范圍的應用,那就是,跨域的數據調用。由於安全性問題,AJax不支持跨域調用,這樣要調用不同域名下的數據,很麻煩哦,雖然有解決方案(stone在他的講座上提到過了代理啊什麼的雖然聽不懂但是知道能解決)。我寫兩個文件,足以展示跨域調用了。

主調文件index.Html

  1. <script type="text/Javascript"> 
  2. function getProfile(str) {  
  3.     var arr = str;  
  4.     document.getElementById('nick').innerHtml = arr.nick;  
  5. }  
  6. </script> 
  7. <body><div id="nick"></div></body> 
  8. <script type="text/Javascript" src="http://www.openphp.cn/demo/profile.PHP"></script> 

被調文件profile.PHP

  1. <?PHP  
  2. $arr = array(  
  3.     'name' => '陳毅鑫',  
  4.     'nick' => '深空',  
  5.     'contact' => array(  
  6.         'email' => 'shenkong at QQ dot com',  
  7.         'website' => 'http://www.okAJax.com',  
  8.     )  
  9. );  
  10. $JSon_string = JSon_encode($arr);  
  11. echo "getProfile($JSon_string)";  
  12. ?> 

很顯然,當index.Html調用profile.PHP時,JSON字符串生成,並作為參數傳入getProfile,然後將昵稱插入到div中,這樣一次跨域數據交互就完成了,是不是特別簡單。既然JSON這麼簡單易用而且好用,還等什麼呢?^_^

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved