^{<noscript id="cy6st"></noscript>}

ajax瀏覽器兼容的問題探討

2024-09-01 08:32:27

字體：大中小

來源：轉載

供稿：網友

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="按鈕"/>
</body>
</html>