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