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