php跨域調(diào)用json的例子
更新時(shí)間：2013年11月13日 15:23:26 作者：
本文簡(jiǎn)單說(shuō)明php用json如何跨域調(diào)用，一個(gè)小例子，大家看一下就明白
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
復(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)";
?>
當(dāng)index.html調(diào)用profile.php時(shí)，JSON字符串生成，并作為參數(shù)傳入getProfile，然后將昵稱插入到div中，這樣一次跨域數(shù)據(jù)交互就完成了，是不是特別簡(jiǎn)單。
相關(guān)文章
jQuery實(shí)現(xiàn)簡(jiǎn)單的tab標(biāo)簽頁(yè)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的tab標(biāo)簽頁(yè)效果,涉及jQuery簡(jiǎn)單元素遍歷與樣式動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
基于jquery的DIV隨滾動(dòng)條滾動(dòng)而滾動(dòng)的代碼
基于jquery的DIV隨滾動(dòng)條滾動(dòng)而滾動(dòng)的代碼，有了JQuery簡(jiǎn)單多了，就幾行代碼搞定2012-07-07
jquery拖動(dòng)插件(jquery.drag)使用介紹
可以使用鼠標(biāo)任意拖動(dòng)列表項(xiàng)改變默認(rèn)的位置，具體的實(shí)現(xiàn)如下(附演示)，感興趣的朋友可以學(xué)習(xí)下2013-06-06
這篇文章主要介紹了jQuery中detach()方法用法,以不同實(shí)例形式分析了detach()方法刪除匹配元素的技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
經(jīng)常寫(xiě)程序總會(huì)對(duì)數(shù)據(jù)進(jìn)行編輯、刪除功能，雖然不難，代碼不多，你是如何重用這個(gè)功能的呢2011-10-10
jQuery實(shí)現(xiàn)的超酷蘋(píng)果風(fēng)格圖標(biāo)滑出菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的超酷蘋(píng)果風(fēng)格圖標(biāo)滑出菜單效果代碼,涉及jQuery基于鼠標(biāo)hover事件動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,非常美觀實(shí)用,需要的朋友可以參考下2015-09-09
jQuery form插件之formDdata參數(shù)校驗(yàn)表單及驗(yàn)證后提交
Form Plugin API 里提供了很多有用的方法可以讓你輕松的處理表單里的數(shù)據(jù)和表單的提交過(guò)程,通過(guò)本文給大家介紹jQuery form插件之formDdata參數(shù)校驗(yàn)表單及驗(yàn)證后提交的相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
基于jQuery實(shí)現(xiàn)表單提交驗(yàn)證
本文給大家分享的是一段基于jQuery的實(shí)現(xiàn)簡(jiǎn)單的表單提交驗(yàn)證的代碼，非常簡(jiǎn)單實(shí)用，推薦給有相同需求的小伙伴們參考下。2014-11-11
本文主要介紹了jQuery事件的相關(guān)知識(shí)，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JQuery+Ajax實(shí)現(xiàn)數(shù)據(jù)查詢、排序和分頁(yè)功能
這篇文章介紹了利用JQuery方便實(shí)現(xiàn)基于Ajax的數(shù)據(jù)查詢、排序和分頁(yè)功能，需要的朋友可以參考下2015-09-09