php跨域調(diào)用json的例子
JSON和XML沒(méi)什么太大區(qū)別,不過(guò)JSON有一個(gè)更大范圍的應(yīng)用,那就是,跨域的數(shù)據(jù)調(diào)用。由于安全性問(wèn)題,AJAX不支持跨域調(diào)用,這樣要調(diào)用不同域名下的數(shù)據(jù),很麻煩。下面這個(gè)例子,足以展示php用json如何進(jìn)跨域調(diào)用了。
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>
被調(diào)文件profile.php
<?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)";
?>
當(dāng)index.html調(diào)用profile.php時(shí),JSON字符串生成,并作為參數(shù)傳入getProfile,然后將昵稱插入到div中,這樣一次跨域數(shù)據(jù)交互就完成了,是不是特別簡(jiǎn)單。
相關(guān)文章
基于jQuery的可以控制左右滾動(dòng)及自動(dòng)滾動(dòng)效果的代碼
迷上jQuery,相對(duì)于原生JavaScript,它是如此的美妙.也因此,促使我更加的努力的研習(xí)原生JavaScript.2010-07-07jQuery實(shí)現(xiàn)簡(jiǎn)單的間隔向上滾動(dòng)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的間隔向上滾動(dòng)效果,實(shí)例分析了jQuery通過(guò)animate與setInterval控制dom元素滾動(dòng)特效的技巧,需要的朋友可以參考下2015-03-03基于jquery實(shí)現(xiàn)一張圖片點(diǎn)擊鼠標(biāo)放大再點(diǎn)縮小
一張圖片點(diǎn)擊鼠標(biāo)放大,再點(diǎn)縮小基于jquery1.8.3實(shí)現(xiàn),下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-09-09JQuery判斷子iframe何時(shí)加載完成解決方案
需要知道iframe何時(shí)加載完成,用JQuery很簡(jiǎn)單就能實(shí)現(xiàn),具體如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08jquery easyui中treegrid用法的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jquery easyui中treegrid用法的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jquery簡(jiǎn)單實(shí)現(xiàn)帶漸顯效果的選項(xiàng)卡菜單代碼
這篇文章主要介紹了jquery簡(jiǎn)單實(shí)現(xiàn)帶漸顯效果的選項(xiàng)卡菜單代碼,可實(shí)現(xiàn)tab選項(xiàng)卡切換過(guò)程中帶有漸顯效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09