如何解决JQueryAjax执行跨域请求数据的问题
这篇文章将为大家详细讲解有关如何解决JQuery Ajax执行跨域请求数据的问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联公司是专业的清河网站建设公司,清河接单;提供成都网站设计、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行清河网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
具体如下
原来的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); } });
这样即可跨域请求了
关于“如何解决JQuery Ajax执行跨域请求数据的问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
分享标题:如何解决JQueryAjax执行跨域请求数据的问题
链接URL:http://hbruida.cn/article/pccddd.html