網路的今天,AJAX已經不是什麼陌生的詞彙了。說起AJAX,可能會立即想起因RSS而興起的XML。 XML的解析,恐怕已經不是什麼難題了,特別是PHP5,大量的XML解析器的湧現,如最輕量級的SimpleXML。不過對於AJAX來說,XML的解析更傾向於前台Javascrīpt的支持度。我想所有解析過XML的人,都會因為樹和節點而頭大。不可否認,XML是很不錯的資料儲存方式,但是其彈性恰恰造成了其解析的困難。當然,這裡所指的困難,是相對於本文的主角──JSON而言。
JSON為何?我就不重複概念了。通俗的說,它是一種資料的儲存格式,就像PHP序列化後的字串一樣。它是一種數據描述。例如我們將一個陣列序列化後存放,就可以很容易的反序列化後應用。 JSON也是如此,只不過他搭建的是客戶端Javascrīpt和服務端PHP的互動橋樑。我們用PHP產生JSON後的字串,然後把這個字串傳給前台Javascrīpt,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.devdao.com',
)
);
$json_string = json_encode($arr);
echo $json_string;
?> 很簡單的將一個陣列JSON了。需要指出的是,在非UTF-8編碼下,中文字元將不可被encode,結果會出來空值,所以,如果你使用gb2312編寫PHP代碼,那麼就需要將包含中文的內容使用iconv或者mb轉為UTF-8再進行json_encode,上面輸出結果如下:
{"name":"u9648u6bc5u946b","nick":"u6df1u7a7a","contact":{"email":"shenkong at qq dot com","website":"http: //www.devdao.com"}} 我都說了和序列化很像,你還不信。編碼後就要解碼,PHP提供了對應的函數json_decode,json_decode執行後,將會得到一個對象,操作如下:
<?php
$arr = array(
'name' => '陳毅鑫',
'nick' => '深空',
'contact' => array(
'email' => 'shenkong at qq dot com',
'website' => 'http://www.devdao.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轉來轉去的用途不是特別大,除了緩存生成,感覺還不如直接存數組呢,不過,當你和前台交互的時候,它的作用就出來咯,下面看看我怎麼用Javascrīpt來使用這段字元:
<scrīpt type="text/javascrīpt">
var arr = {"name":"u9648u6bc5u946b","nick":"u6df1u7a7a","contact":{"email":"shenkong at qq dot com","website":" http://www.devdao.com"}};
alert(arr.name)
</scrīpt> 上面中,直接將這個字串賦給一個變量,它就變成一個Javascrīpt數組了(專業化術語應該不叫數組,不過由於PHP的習慣問題,我就一直叫數組好了,方便理解)。這樣,可以很方便的對arr進行遍歷或是任意做你想做的事情了。寫到這裡,好像都沒提到AJAX哦?是哦,聯想一下,如果服務端回傳的responseText用JSON過的字串取代XML的話,前台Javascrīpt處理起來是不是很方便呢?狗皮膏藥就是這樣用的。
其實寫到這裡,除了資料的儲存格式不太一樣外,JSON和XML也沒什麼太大差別哦,不過下面我說的一點。雖然和XML沒什麼關係,不過,可以說明JSON更大範圍的應用,那就是,跨域的資料呼叫。由於安全性問題,AJAX不支援跨域調用,這樣要調用不同域名下的數據,很麻煩哦,雖然有解決方案(stone在他的講座上提到過了代理啊什麼的雖然聽不懂但是知道能解決)。我寫兩個文件,足以展示跨域調用了。
主調文件index.html
<scrīpt type="text/javascrīpt">
function getProfile(str) {
var arr = str;
document.getElementById('nick').innerHTML = arr.nick;
}
</scrīpt>
<body><div id="nick"></div></body>
<scrīpt type="text/javascrīpt" src=" http://www.openphp.cn/demo/profile.php"></scrīpt > 被調檔profile.php
<?php
$arr = array(
'name' => '陳毅鑫',
'nick' => '深空',
'contact' => array(
'email' => 'shenkong at qq dot com',
'website' => 'http://www.devdao.com',
)
);
$json_string = json_encode($arr);
echo "getProfile($json_string)";
?> 很顯然,當index.html呼叫profile.php時,JSON字串生成,並作為參數傳入getProfile,然後將暱稱插入到div中,這樣一次跨域資料交互就完成了,是不是特別簡單。既然JSON這麼簡單好用,還要等什麼呢