<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
window.onload=function(){
//1.獲取a節點,併爲其添加onclick響應函數
document.getElementsByTagName("a")[0].onclick=function(){
//3.建立一個XMLHttpRequest對象
var request=new XMLHttpRequest();
//4.準備發送請求的數據:url
var url=this.href +"?time="+new Date();
var method="GET";
//var method="POST"
//5.調用xmlhttprequest對象的open方法
request.open(method,url);
//request.setRequestHeader("ContentType","application/x-www-form-urlencoded");
//6.調用xmlhttprequest對象的send方法,get請求參數爲null
request.send(null);
//request.send("name='aaa'");
//7.爲xmlhttprequest對象添加onreadystatechange響應函數
request.onreadystatechange=function(){
//8.決斷響應是否完成:xmlhttprequest對象的readystate屬性值爲4
if(request.readyState==4){
//9.再決斷響應是否可用:xmlhttprequest對象status屬性值爲200
if(request.status==200){
//10.打印響應結果:responseText
alert(request.responseText);
}
}
}
//取消a節點的默認行爲
return false;
}
}
</script>
</head>
<body>
<a href="helloAjax.txt">HelloAjax</a>
</body>
</html>