JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案
今天前端因?yàn)樾枰?code>ajax調(diào)用兩個不同的項(xiàng)目,請求域不一樣,所以涉及ajax跨域的問題 ,其實(shí)很簡單,具體如下
原來的ajax請求如下:
$.ajax({
type:"post",
url:platformUrl +"/security/modifyPwd.do",
data:$('#updatepwdform').serialize(),
dataType:"json",
success:function(data){
$("#updatepwd_btn").click();
$.toast("修改成功,系統(tǒng)即將退出,請重新登錄",1500);
},
error: function() {
$.toast("網(wǎng)絡(luò)異常",1500);
}
});
只需改動ajax固定參數(shù)
- dataType:"jsonp",
- crossDomain:true,
- jsonpCallback:"jsonpCallbackFun",
- jsonp:"callback",
且后臺返回的數(shù)據(jù)格式必須是:jsonpCallbackFun(json數(shù)據(jù)); 這里的jsonpCallbackFun是你自定義的回調(diào)函數(shù)方法名
改動后:
$.ajax({
type:"post",
url:platformUrl +"/security/modifyPwd.do",
data:params,
dataType:"jsonp",
crossDomain:true,
jsonpCallback:"jsonpCallbackFun",
jsonp:"callback",
success:function(data){
if(data.result==1){
$("#updatepwd_btn").click();
$.toast("修改成功,系統(tǒng)即將退出,請重新登錄",1500);
setTimeout("logout()",1600);
}else if(data.result==2){
$.toast(data.msg,1500);
}else{
$.toast("修改失敗",1500);
}
},
error: function() {
$.toast("網(wǎng)絡(luò)異常",1500);
}
});
這樣即可跨域請求了
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
jQuery實(shí)現(xiàn)的導(dǎo)航條點(diǎn)擊后高亮顯示功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的導(dǎo)航條點(diǎn)擊后高亮顯示功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-03-03
jQuery發(fā)請求傳輸中文參數(shù)亂碼問題的解決方案
這篇文章主要介紹了jQuery發(fā)請求傳輸中文參數(shù)亂碼問題的解決方案,需要的朋友可以參考下2018-05-05
jQuery插件EasyUI實(shí)現(xiàn)Layout框架頁面中彈出窗體到最頂層效果(穿越iframe)
這篇文章主要介紹了jQuery插件EasyUI實(shí)現(xiàn)Layout框架頁面中彈出窗體到最頂層效果,具有穿越iframe的功能,涉及jQuery的EasyUI插件屬性操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
jquery簡單實(shí)現(xiàn)外部鏈接用新窗口打開的方法
這篇文章主要介紹了jquery簡單實(shí)現(xiàn)外部鏈接用新窗口打開的方法,涉及jQuery正則匹配http://開頭外部鏈接網(wǎng)址的相關(guān)技巧,需要的朋友可以參考下2015-05-05
jQuery 學(xué)習(xí)第七課 擴(kuò)展jQuery的功能 插件開發(fā)
在介紹如何擴(kuò)展jQuery之前,先大致看下jQuery源碼(以1.3.2版本為例)。2010-05-05
jquery實(shí)現(xiàn)手機(jī)端單店鋪購物車結(jié)算刪除功能
本文主要介紹了js實(shí)現(xiàn)手機(jī)端單店鋪購物車結(jié)算刪除功能的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02
用jquery實(shí)現(xiàn)學(xué)校的校歷(asp.net+jquery ui 1.72)
學(xué)校日歷有以下幾個特點(diǎn):1顯示本周是本學(xué)期的第幾周;2顯示今日事件;3特殊顯示有事件的日期,點(diǎn)擊該日期顯示本日事件。2010-01-01

