JQuery Ajax执行跨域请求数据的解决方案

 

今天前端因为需要ajax调用两个不同的项目，请求域不一样，所以涉及ajax跨域的问题 ，其实很简单，具体如下

原来的ajax请求如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13

$.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是你自定义的回调函数方法名

改动后：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

$.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);  }  });

这样即可跨域请求了