JQuery Ajax执行跨域请求数据的解决方案
今天前端因为需要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跨域请求的5中解决方式，包括了js跨域请求的5中解决方式的使用技巧和注意事项，需要的朋友参考一下 跨域请求数据解决方案主要有如下解决方法： 分开说明： 一、JSONP： 直观的理解： 就是在客户端动态注册一个函数 function a(data)，然后将函数名传到服务器，服务器返回一个a({/*json*/})到客户端运行,这样就调用客户端的 function a(data),从
-
本文向大家介绍Ajax请求WebService跨域问题的解决方案，包括了Ajax请求WebService跨域问题的解决方案的使用技巧和注意事项，需要的朋友参考一下 1、背景 用Jquery中Ajax方式在asp.net开发环境中WebService接口的调用 2、出现的问题 原因分析：浏览器同源策略的影响(即JavaScript或Cookie只能访问同域下的内容); 3、解决方案： (1) J
-
本文向大家介绍django解决跨域请求的问题，包括了django解决跨域请求的问题的使用技巧和注意事项，需要的朋友参考一下 解决方案 1.安装django-cors-headers 2.配置settings.py文件 OK！问题解决！ 其他解决方案 另外还从网上看到其他两种解决方案，但都不太合适。在此列出，供大家参考 1.使用JSONP 使用Ajax获取json数据时，存在跨域的限制。不过，在We
-
本文向大家介绍jQuery.ajax 跨域请求webapi设置headers的解决方案，包括了jQuery.ajax 跨域请求webapi设置headers的解决方案的使用技巧和注意事项，需要的朋友参考一下 解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求，正确设置 JavaScript端需要设置的headers信息 方能实现。 1.第一步
-
本文向大家介绍spring cloud gateway请求跨域问题解决方案，包括了spring cloud gateway请求跨域问题解决方案的使用技巧和注意事项，需要的朋友参考一下 这篇文章主要介绍了spring cloud gateway请求跨域问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 代码如下 此处的spring-clou
-
主要内容：1.@CrossOrigin,2.网关整合,3.Httpclient因为浏览器的同源政策，就会产生跨域。比如说发送的异步请求是不同的两个源，就比如是不同的的两个端口或者不同的两个协议或者不同的域名。由于浏览器为了安全考虑，就会产生一个同源政策，不是同一个地方出来的是不允许进行交互的。 1.@CrossOrigin 在控制层加入允许跨域的注解，即可完成一个项目中前后端口跨域的问题 2.网关整合 作为Spring Cloud生态系统中的网关，目标是替代，其 不仅提供统