xqlee 1077 0 2017-07-15 15:33:33

IE9
描述

ie9 jquery ajax跨域问题

解决步骤

一.导入相关文件

导入需要的jquery依赖文件,这里用的jquery的1.x版本
<!-- jQuery引入 -->
<script type="text/javascript" src="../libs/jQuery/jquery.js"></script>

二.设置IE浏览器支持跨域访问

2.1打开IE浏览器,选择设置里面的intelnet选项,如下图:
IE浏览器 intelnet选项
2.2选择intelnet选项面板中的安全模块,并点击自定义级别,如下图
intelnet选项面板中的安全模块
2.3找到通过遇访问数据源,选择启用,如图:
找到通过遇访问数据源,选择启用

三.编写一个jquery的ajax请求demo

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery IE9 跨域问题解决</title>
</head>
<body>

<!-- jQuery引入 -->
<script type="text/javascript" src="../libs/jQuery/jquery.js"></script>
<script type="text/javascript">
$(function() {
	
	$.ajax({
		url:'http://localhost:8080/test.do',
		type:'GET',
		crossDomain: true == !(document.all), 
		processData: false,
		success:function(data){
			alert(data);
		}, error: function(jqXHR,err) {
			alert(jqXHR.status+": "+jqXHR.statusText);
		}
	});
	
})

</script>
</body>
</html>

运行:
运行结果

服务代码:这里是java提供的测试访问:
	@GetMapping("test.do")
	@ResponseBody
	public String test(HttpServletResponse response){
		response.setHeader("Access-Control-Allow-Methods", "POST, PUT, GET, OPTIONS, DELETE");
		response.setHeader("Access-Control-Allow-Origin", "*");
		return "Hello Form Server";
	}

 
编程技术 jquery ajax ie9