ie9 jquery ajax跨域问题解决
位置:
首页>文章>详情
分类:
教程分享
>
Java教程
阅读
(2372)
2023-03-28 11:29:14
描述 ie9 jquery ajax跨域问题
解决步骤
一.导入相关文件
导入需要的jquery依赖文件,这里用的jquery的1.x版本
<!-- jQuery引入 -->
<script type="text/javascript" src="../libs/jQuery/jquery.js"></script>
二.设置IE浏览器支持跨域访问
2.1打开IE浏览器,选择设置里面的intelnet选项,如下图: 2.2选择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";
}
地址:https://www.leftso.com/article/213.html