JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案
更新時(shí)間：2018年12月10日 09:32:23 作者：執(zhí)筆記憶的空白
今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請(qǐng)求數(shù)據(jù)的解決方案，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
今天前端因?yàn)樾枰?code>ajax調(diào)用兩個(gè)不同的項(xiàng)目，請(qǐng)求域不一樣，所以涉及ajax跨域的問題 ，其實(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 Ajax實(shí)現(xiàn)下拉框無(wú)刷新聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了基于jQuery Ajax實(shí)現(xiàn)下拉框無(wú)刷新聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要介紹了jQuery中復(fù)合選擇器簡(jiǎn)單用法,結(jié)合實(shí)例形式分析了jQuery中復(fù)合選擇器的概念、功能、應(yīng)用場(chǎng)景及相關(guān)使用方法,需要的朋友可以參考下2018-03-03
CKEditor無(wú)法驗(yàn)證的解決方案（js驗(yàn)證+jQuery Validate驗(yàn)證）
這篇文章主要為大家詳細(xì)介紹了CKEditor無(wú)法驗(yàn)證的解決方案和jQuery Validate驗(yàn)證框架，感興趣的小伙伴們可以參考一下2016-05-05
Axios和Jquery實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了Axios+Jquery實(shí)現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了綁定回車enter事件代碼,需要的朋友可以參考下2014-05-05
Jquery實(shí)現(xiàn)彈性滑塊滑動(dòng)選擇數(shù)值插件
有時(shí)我們?cè)陧?yè)面上需要選擇數(shù)值范圍，如購(gòu)物時(shí)選取價(jià)格區(qū)間，購(gòu)買主機(jī)時(shí)自主選取CPU，內(nèi)存大小配置等，使用直觀的滑塊條直接選取想要的數(shù)值大小即可，無(wú)需手動(dòng)輸入數(shù)值，操作簡(jiǎn)單又方便。2015-08-08
基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
jQuery代碼實(shí)現(xiàn)對(duì)話框右上角菜單帶關(guān)閉×
這篇文章主要介紹了jQuery代碼實(shí)現(xiàn)對(duì)話框右上角菜單帶關(guān)閉× 的相關(guān)資料,需要的朋友可以參考下2016-05-05
jQuery實(shí)現(xiàn)的支持IE的html滑動(dòng)條
本文給大家分享的是一段使用jQuery實(shí)現(xiàn)支持IE的html滑動(dòng)條代碼，效果非常不錯(cuò)，這里推薦給大家，希望大家能夠喜歡。2015-03-03
很久沒有寫東西了，今天在工作中碰見問題才發(fā)現(xiàn)。以后得多逼自己多抽時(shí)間來(lái)寫寫自己的東西，也順便和大家分享一下自己在工作中碰見的問題。2011-05-05