如何解決JQuery Ajax執行跨域請求數據的問題

這篇文章將為大家詳細講解有關如何解決JQuery Ajax執行跨域請求數據的問題，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

具體如下

原來的ajax請求如下：

$.ajax({
 type:"post",
 url:platformUrl +"/security/modifyPwd.do",
 data:$('#updatepwdform').serialize(),
 dataType:"json",
 success:function(data){
  $("#updatepwd_btn").click();
  $.toast("修改成功，系統即將退出，請重新登錄",1500);
 },
 error: function() {
  $.toast("網絡異常",1500);
    }
 });

只需改動ajax固定參數

• dataType:"jsonp",

• crossDomain:true,

• jsonpCallback:"jsonpCallbackFun",

• jsonp:"callback",

且后臺返回的數據格式必須是：jsonpCallbackFun（json數據）;  這里的jsonpCallbackFun是你自定義的回調函數方法名

改動后：

$.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("修改成功，系統即將退出，請重新登錄",1500);
  setTimeout("logout()",1600);
  }else if(data.result==2){
  $.toast(data.msg,1500);
  }else{
  $.toast("修改失敗",1500);
  }
 },
 error: function() {
  $.toast("網絡異常",1500);
 }
 });

這樣即可跨域請求了

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