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);
}elseif(data.result==2){
$.toast(data.msg,1500);
}else{
$.toast("修改失败",1500);
}
},
error:function(){
$.toast("网络异常",1500);
}
});
这样即可跨域请求了
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对毛票票的支持。如果你想了解更多相关内容请查看下面相关链接
热门推荐
10 朋友新年祝福语大全 简短
11 新年祝福语简短大方兔年
12 搬新家礼物祝福语简短
13 同学见面花束祝福语简短
14 五一假期祝福语幽默简短
15 离职欢送敬酒祝福语简短
16 对学弟的祝福语简短
17 考老师辞职祝福语简短
18 祝福语驱散霉运的话简短