ajax浏览器兼容的问题探讨

187 阅读 0 评论 124 点赞

我是靠谱客的博主友好热狗，最近开发中收集的这篇文章主要介绍ajax浏览器兼容的问题探讨，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<!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> 