php跨域調(diào)用json的例子
更新時間:2013年11月13日 15:23:26 作者:
本文簡單說明php用json如何跨域調(diào)用,一個小例子,大家看一下就明白
JSON和XML沒什么太大區(qū)別,不過JSON有一個更大范圍的應(yīng)用,那就是,跨域的數(shù)據(jù)調(diào)用。由于安全性問題,AJAX不支持跨域調(diào)用,這樣要調(diào)用不同域名下的數(shù)據(jù),很麻煩。下面這個例子,足以展示php用json如何進跨域調(diào)用了。
index.html
復(fù)制代碼 代碼如下:
<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>
被調(diào)文件profile.php
復(fù)制代碼 代碼如下:
<?php
$arr = array(
'name' => 'tanteng',
'nick' => 'pony',
'contact' => array(
'email' => 'a@gmail.com',
'website' => 'http://aa.sinaapp.com',
)
);
$json_string = json_encode($arr);
echo "getProfile($json_string)";
?>
當index.html調(diào)用profile.php時,JSON字符串生成,并作為參數(shù)傳入getProfile,然后將昵稱插入到div中,這樣一次跨域數(shù)據(jù)交互就完成了,是不是特別簡單。
相關(guān)文章
基于jquery實現(xiàn)一張圖片點擊鼠標放大再點縮小
一張圖片點擊鼠標放大,再點縮小基于jquery1.8.3實現(xiàn),下面有個不錯的示例,感興趣的朋友可以參考下2013-09-09