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

2019-11-19 12:22:30

字体：大中小

来源：转载

供稿：网友

今天前端因为需要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); } });

这样即可跨域请求了

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对武林网的支持。如果你想了解更多相关内容请查看下面相关链接

上一篇：引入外部js脚本加载慢与页面白屏问题的解决

下一篇：发布Angular应用至生产环境的方法