JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案

更新時間：2018年12月10日 09:32:23 作者：執(zhí)筆記憶的空白

今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

今天前端因?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í)價值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

您可能感興趣的文章:

相關(guān)文章

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