ajax浏览器兼容的问题

最新推荐文章于 2024-07-25 12:41:07 发布

parachuter123

最新推荐文章于 2024-07-25 12:41:07 发布

阅读量736

点赞数

分类专栏： ajax web前端文章标签： ajax 浏览器

本文链接：https://blog.csdn.net/parachuter123/article/details/11029567

版权

web前端同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
	window.onload = function(){
		var oBtn = document.getElementById('btn');
		oBtn.onclick = function(){
			//1.创建ajax对象
			//只支持非IE6浏览器
			var oAjax = null;
			if(window.XMLHttpRequest){
				oAjax = new XMLHttpRequest();				
				//alert(new XMLHttpRequest());
			}else{
				//只支持IE6浏览器
				oAjax = new ActiveXObject("Microsoft.XMLHTTP");	
			}
			//2.连接服务器,这里加个时间参数,每次访问地址都不一样,浏览器就不用浏览器里的缓冲了,但
			//	但服务器那端是不解析这个时间的
			oAjax.open("get","a.txt?t=" + new Date().getTime(),true);
			//3.发送
			oAjax.send(null);		
			//4.接受信息
			oAjax.onreadystatechange = function(){
				//浏览器与服务器之间的交互,进行到哪一步了,当等于4的时候,代表读取完成了
				if(oAjax.readyState==4){
					//状态码,只有等于200,代表接受完成,并且成功了
					if(oAjax.status==200){
						alert("成功" + oAjax.responseText);	
					}else{
						alert("失败");	
					}	
				}	
			};
				
		};
	};
</script>
</head>

<body>
<input type="button" value="按钮" id="btn"/>
</body>
</html>

parachuter123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax浏览器兼容的问题

无标题文档 window.onload = function(){ var oBtn = document.getElementById('btn'); oBtn.onclick = function(){ //只支持非IE6浏览器 if(window.XMLHttpRequest){ //return new XMLHttpRequest(); alert
复制链接

扫一扫

专栏目录