jquery中ajax跨域方法實(shí)例分析
更新時(shí)間：2015年12月18日 11:30:54 作者：leejersey
這篇文章主要介紹了jquery中ajax跨域方法,結(jié)合實(shí)例分析了jQuery中使用getJSON及$.ajax實(shí)現(xiàn)ajax跨域的技巧,需要的朋友可以參考下
本文實(shí)例分析了jquery中ajax跨域。分享給大家供大家參考，具體如下：
JSONP是一個(gè)非官方的協(xié)議，它允許在服務(wù)器端集成Script tags返回至客戶端，通過javascript callback的形式實(shí)現(xiàn)跨域訪問
方法一： jsonp之 getJSON
js
var url = "http://localhost/mytest/jsonp_php.php?callback=?";
$.getJSON(url, {
"age": 21,
"name": "kitty"
}, function (data) {
alert("name:" + data.name + ", age:" + data.age);
});
php
<?php
$age=$_GET["age"];
$name=$_GET["name"];
$jsondata = "{age:$age, name:'$name'}";
echo $_GET['callback'].'('.$jsondata.')';
?>
二jsonp之$.ajax
js
$.ajax({
type: 'GET',
url: 'http://localhost/mytest/jsonp_php.php',
dataType: "jsonp",
jsonp: "callback5",
jsonpCallback:"flightHandler",
data: {
"age": 21,
"name": "kitty"
},
success: function (data) {
alert("name:" + data.sd + ", age:" + data.aa)
}
})
php
<?php
$age=$_GET["age"];
$name=$_GET["name"];
$ary=array("sd"=>"sdfg","aa"=>23);
$jsondata=json_encode($ary);
echo $_GET['callback5'].'('.$jsondata.')';
?>
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
一般對外發(fā)布的插件都應(yīng)該進(jìn)行封裝，封裝的插件還應(yīng)該符合規(guī)范，只有這樣寫的插件才具有推廣價(jià)值，并得到其他用戶的喜愛2012-08-08
本文詳細(xì)講解了Jquery使用AJAX方法請求數(shù)據(jù)，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-02-02
JQuery選擇器之三 首先老規(guī)矩提供我學(xué)習(xí)用的例子2009-07-07
Jquery動(dòng)態(tài)添加及刪除頁面節(jié)點(diǎn)元素示例代碼
這篇文章主要介紹了Jquery如何動(dòng)態(tài)添加及刪除頁面節(jié)點(diǎn)元素，示例代碼如下，需要的朋友不要錯(cuò)過2014-06-06
jQuery學(xué)習(xí)筆記之 Ajax操作篇（二） - 數(shù)據(jù)傳遞
在前一篇介紹 jQuery Ajax 的數(shù)據(jù)加載中的例子都是從靜態(tài)的文件中取得數(shù)據(jù)，而 Ajax 更大的價(jià)值在于與后端服務(wù)器進(jìn)行數(shù)據(jù)傳遞，動(dòng)態(tài)地請求和發(fā)送數(shù)據(jù)。2014-06-06
Jquery遍歷checkbox獲取選中項(xiàng)value值的方法
這篇文章主要介紹了Jquery遍歷checkbox獲取選中項(xiàng)的value值,需要的朋友可以參考下2014-02-02
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法,涉及jQuery事件綁定及頁面元素屬性動(dòng)態(tài)獲取與操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10
Jquery簡單實(shí)現(xiàn)GridView行高亮的方法
這篇文章主要介紹了Jquery簡單實(shí)現(xiàn)GridView行高亮的方法,實(shí)例分析了jQuery頁面元素的選擇與屬性操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能
本文通過實(shí)例代碼給大家分享了jQuery 實(shí)現(xiàn)左右兩側(cè)菜單添加、移除功能，需要的朋友參考下吧2018-01-01
解決jquery插件：TypeError:$.browser is undefined報(bào)錯(cuò)的方法
這篇文章為大家分享了一個(gè)解決jquery插件：TypeError:$.browser is undefined報(bào)錯(cuò)的方法，解決報(bào)錯(cuò)問題的方法也很簡單，需要解決此類問題的朋友不要錯(cuò)過這篇文章。2015-11-11