ajax post 跨域访问的解决
发布时间:2020-12-16 03:37:30 所属栏目:百科 来源:网络整理
导读:在近期的项目中遇到一个浏览器跨域访问的问题,这个项目是跟第三方厂商合作进行开发,我们负责后台的业务功能实现,而前端页面展示由第三方厂商来实现,为了调试后台的业务接口,我开发过程中按照如下的接口进行调用测试,发现一直出现跨域禁止访问的提示。(
在近期的项目中遇到一个浏览器跨域访问的问题,这个项目是跟第三方厂商合作进行开发,我们负责后台的业务功能实现,而前端页面展示由第三方厂商来实现,为了调试后台的业务接口,我开发过程中按照如下的接口进行调用测试,发现一直出现跨域禁止访问的提示。(注意:开发过程中使用谷歌浏览器)。 请求测试页面:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <!--设置IE浏览器以最新的内核渲染页面--> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!--设置视图窗口--> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <!--设置电话和邮箱自动识别--> <meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="email=no"> <title>我的视光师</title> </head> <body> <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="zepto.min.js"></script> <script type="text/javascript"> $.ajax({ type:"POST",/* 我的主页 -- 编辑Or保存 */ url:"http://localhost/doctor/employee/maininfoEdit.json",//async: false,// 使用同步方式 contentType: "application/json; charset=utf-8",dataType: "json",data: JSON.stringify({'mainInfo':{ 'company': '北医四院','level': '国家一级医师','name': '挺挺','phone': "18257157609",'desc': '北京著名眼科医生'},'employeeId': '1' }),success:function(data){ console.log(data); },error:function(data){ console.log("error"); } }) </script> </body> </html>后来参考如下两篇文档进行解决的,在这里分享下供大家参考: 1.http://blog.csdn.net/ziwoods/article/details/51062206
打开谷歌浏览器后在去打开如上的html页面即可(一定不要直接用谷歌浏览器去打开html页面)。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |