本文實(shí)例講述了JQuery Ajax跨域調(diào)用和非跨域調(diào)用問(wèn)題。分享給大家供大家參考，具體如下：
成都創(chuàng)新互聯(lián)是一家專業(yè)提供鶴崗企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站制作、成都做網(wǎng)站、H5頁(yè)面制作、小程序制作等業(yè)務(wù)。10年已為鶴崗眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。
現(xiàn)在的互聯(lián)網(wǎng)技術(shù)發(fā)展的越來(lái)越快，我們?cè)陂_發(fā)過(guò)程中遇到的問(wèn)題也越來(lái)越多。比如當(dāng)我們需要進(jìn)行跨域訪問(wèn)數(shù)據(jù)的時(shí)候該如何進(jìn)行開發(fā)？本篇博文就記述如何使用Ajax進(jìn)行跨域訪問(wèn)調(diào)用數(shù)據(jù)。
1、非跨域調(diào)用
我們用到的最多是這樣的方式，也就是非跨域的進(jìn)行訪問(wèn)，只是簡(jiǎn)單的在我們的網(wǎng)頁(yè)中進(jìn)行Ajax使用即可。如下面代碼：
重慶分公司
重慶分公司
/**
* 非跨域請(qǐng)求方式
*/
function feikuayu() {
$.ajax({
type: "post",
url: platformUrl + "/security/modifyPwd",
data: $('#updatepwdform').serialize(),
dataType: "json",
success: function (data) {
$("#updatepwd_btn").click();
$.toast("修改成功，系統(tǒng)即將退出，請(qǐng)重新登錄", 1500);
},
error: function () {
$.toast("網(wǎng)絡(luò)異常", 1500);
}
});
}
2、跨域請(qǐng)求
在我們進(jìn)行跨域請(qǐng)求時(shí)需要改變ajax固定參數(shù)：
dataType:"jsonp",
crossDomain:true,
jsonpCallback:"jsonpCallbackFun",
jsonp:"callback",
且后臺(tái)返回的數(shù)據(jù)格式必須是：jsonpCallbackFun（json數(shù)據(jù)）; 這里的jsonpCallbackFun是你自定義的回調(diào)函數(shù)方法名。
代碼如下：
/**
* 跨域請(qǐng)求方式
*/
function kuayu() {
$.ajax({
type: "post",
url: platformUrl + "/security/modifyPwd",
data: params,
dataType: "jsonp",
crossDomain: true,
jsonpCallback: "jsonpCallbackFun",
jsonp: "callback",
success: function (data) {
if (data.result == 1) {
$("#updatepwd_btn").click();
$.toast("修改成功，系統(tǒng)即將退出，請(qǐng)重新登錄", 1500);
setTimeout("logout()", 1600);
} else if (data.result == 2) {
$.toast(data.msg, 1500);
} else {
$.toast("修改失敗", 1500);
}
},
error: function () {
$.toast("網(wǎng)絡(luò)異常", 1500);
}
});
}
這樣即可跨域請(qǐng)求了！
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
