如何解決JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的問題

這篇文章將為大家詳細(xì)講解有關(guān)如何解決JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的問題，小編覺得挺實(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);
 }
 });

這樣即可跨域請求了

關(guān)于“如何解決JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的問題”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。