当前位置： 移动技术网 > IT编程>脚本编程>Ajax > ajax浏览器兼容的问题探讨

ajax浏览器兼容的问题探讨

2017年12月12日  | 移动技术网IT编程  | 我要评论

复制代码 代码如下:

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网