ie9 jquery ajax跨域问题解决

位置:首页>文章>详情   分类: 教程分享 > Java教程   阅读(2020)   2023-03-28 11:29:14
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
地址:https://www.leftso.com/article/213.html

相关阅读

ie9 jquery ajax跨域问题解决, ajax ie9 跨域问题解决,jquery,ajax,ie9
IE9 jQuery ajax文件上传兼容问题解决。主要通过jQuery的jquery.form插件解决的IE9不支持formData的文件上传问题。
jQuery的$.ajax()使用及API文档,jQuery,ajax,$.ajax()
bootstrap-select ajax动态添加值中遇到的IE兼容问题解决
HTML5+ajax上传图片/文件以及FormData使用简单讲解,HTML5,ajax上传文件,ajax
Java编程之Spring Boot 文件上传 REST风格API ajax方式
jquery中的foreach(即each)数据的遍历或者处理HTML页面元素的遍历使用方法讲解
Spring mvc文件下载IE/Edge中文乱码解决,在spring mvc项目开发中,我们可能经常遇到文件的上传和下载操作。这里将讲解在IE/Edge浏览器中文件下载中文乱码的解决方法。
Java 9 模块化编程
Java 9 紧凑String改进[JEP 254],Java9新特性