今天前端因为需要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);
}
});
这样即可跨域请求了
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
继续阅读与本文标签相同的文章
上一篇 :
六本书解读人工智能
-
阿里云企业邮箱申请注册有哪些版本,购买有什么优惠活动
2026-05-19栏目: 教程
-
阿里云创峰会聊城站高峰对话一:品牌明星的创业故事与启示
2026-05-19栏目: 教程
-
2019阿里云910会员节大促主会场全攻略
2026-05-19栏目: 教程
-
高榕资本高翔:发展产业互联网,基础条件已经具备
2026-05-19栏目: 教程
-
高榕资本高翔:未来5年高度关注5G生态和云生态
2026-05-19栏目: 教程
