ajax post 跨域访问开发调试

最新推荐文章于 2024-08-20 13:21:28 发布

DayThinking

最新推荐文章于 2024-08-20 13:21:28 发布

阅读量5.9k

点赞数 1

分类专栏：程序开发 J2EE

本文链接：https://blog.csdn.net/sszgg2006/article/details/52860107

版权

J2EE 同时被 2 个专栏收录

23 篇文章 2 订阅

订阅专栏

程序开发

11 篇文章 0 订阅

订阅专栏

在近期的项目中遇到一个浏览器跨域访问的问题，这个项目是跟第三方厂商合作进行开发，我们负责后台的业务功能实现，而前端页面展示由第三方厂商来实现，为了调试后台的业务接口，我开发过程中按照如下的接口进行调用测试，发现一直出现跨域禁止访问的提示。(注意：开发过程中使用谷歌浏览器)。

请求测试页面：

<!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)，首先要先打开谷歌浏览器会出现如下所示的图片：