ajax浏览器兼容的问题探讨
程序员文章站
2023-10-27 21:40:34
复制代码 代码如下:
<!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>
复制代码 代码如下:
<!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>
上一篇： 该如何给宝宝添加辅食 教你四种方法