JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案
今天前端因為需要ajax
調(diào)用兩個不同的項目,請求域不一樣,所以涉及ajax
跨域的問題 ,其實很簡單,具體如下
原來的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í)價值,謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
jQuery實現(xiàn)的導(dǎo)航條點擊后高亮顯示功能示例
這篇文章主要介紹了jQuery實現(xiàn)的導(dǎo)航條點擊后高亮顯示功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-03-03jQuery發(fā)請求傳輸中文參數(shù)亂碼問題的解決方案
這篇文章主要介紹了jQuery發(fā)請求傳輸中文參數(shù)亂碼問題的解決方案,需要的朋友可以參考下2018-05-05jQuery插件EasyUI實現(xiàn)Layout框架頁面中彈出窗體到最頂層效果(穿越iframe)
這篇文章主要介紹了jQuery插件EasyUI實現(xiàn)Layout框架頁面中彈出窗體到最頂層效果,具有穿越iframe的功能,涉及jQuery的EasyUI插件屬性操作相關(guān)技巧,需要的朋友可以參考下2016-08-08jQuery 學(xué)習(xí)第七課 擴(kuò)展jQuery的功能 插件開發(fā)
在介紹如何擴(kuò)展jQuery之前,先大致看下jQuery源碼(以1.3.2版本為例)。2010-05-05jquery實現(xiàn)手機(jī)端單店鋪購物車結(jié)算刪除功能
本文主要介紹了js實現(xiàn)手機(jī)端單店鋪購物車結(jié)算刪除功能的示例代碼,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02用jquery實現(xiàn)學(xué)校的校歷(asp.net+jquery ui 1.72)
學(xué)校日歷有以下幾個特點:1顯示本周是本學(xué)期的第幾周;2顯示今日事件;3特殊顯示有事件的日期,點擊該日期顯示本日事件。2010-01-01