複製代碼 代碼如下:
<!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>
