ajax post 跨域访问的解决
来源:互联网 发布:tensorflow linux 安装 编辑:程序博客网 时间:2024/05/07 00:42
在近期的项目中遇到一个浏览器跨域访问的问题,这个项目是跟第三方厂商合作进行开发,我们负责后台的业务功能实现,而前端页面展示由第三方厂商来实现,为了调试后台的业务接口,我开发过程中按照如下的接口进行调用测试,发现一直出现跨域禁止访问的提示。(注意:开发过程中使用谷歌浏览器)。
请求测试页面:
<!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
2.http://blog.csdn.net/rapier512/article/details/51506672
注意,在第一篇文章中配置好谷歌浏览器后(--args --disable-web-security --user-data-dir),首先要先打开谷歌浏览器会出现如下所示的图片:
打开谷歌浏览器后在去打开如上的html页面即可(一定不要直接用谷歌浏览器去打开html页面)。
1 0
- ajax post 跨域访问的解决
- ajax post 跨域访问
- 解决jquery ajax在跨域访问post请求的时候,ie9以下无效(包括ie9)的问题
- 解决AJAX跨域访问的问题
- 解决ajax跨域访问的问题
- jquery ajax post跨域访问
- 解决Jquery ajax的post get跨域提交表单
- 关于ajax post请求跨域问题的解决心得
- 解决ajax跨域访问
- Ajax跨域访问解决
- ajax POST跨域请求完美解决
- 解决ajax跨域访问 JQuery 的跨域方法
- 使用iframe解决AJAX javascript的跨域访问执行
- 解决js使用ajax访问的跨域问题
- 解决ajax和spring的跨域访问问题
- SpringMVC解决Ajax跨域访问的问题
- jquery ajax post 跨域访问带cookie
- AJAX跨域访问(get、post请求)
- GSM pics
- iOS 蓝牙打印
- 3.安卓学习,监听事件的两种方法,private的用法
- 大素数判断和分解
- 常用 Git 命令清单
- ajax post 跨域访问的解决
- h5离线应用
- 如何通过JQuery来实现一个弹出div
- 注解工具Androidannotations在Android-studio中的配置
- jQuery设置弹出框的位置
- more less head tail cat的联系与区别
- 第七章上机练习3 4
- MySQLIntegrityConstraintViolationException
- web.xml JSP <jsp-config>标签