JQuery Ajax跨域的问题

转载

跌底 2017-12-22 12:08:51 博主文章分类：java

文章标签 java 文章分类 Java 后端开发

今天前端因为需要ajax调用两个不同的项目，请求域不一样，所以涉及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); } });

这样即可跨域请求了