index.jsp页面
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My Ajax</title>
<script type="text/javascript">
//1.获取a节点，并为其添加onclick响应函数
window.onload=function(){
document.getElementsByTagName("a")[0].onclick=function(){
//3.创建一个XMLHttpRequest对象
var request=new XMLHttpRequest();
//4.准备发送请求的数据：url
var url=this.href;
var method="GET";
//5.调用XMLHttpRequest的open方法
request.open(method,url);
//6.调用XMLHttpRequest的send方法
request.send(null);
//7.为XMLHttpRequest对象添加onreadystatechange响应函数
request.onreadystatechange=function(){
//8.判断响应是否完成:XMLHttpRequest的readystate属性为4的时候
if(request.readyState==4){
//9.再判断响应是否可用：XMLHttpRquest对象status属性值为200
if(request.status==200||request.status=200){
//10.打印响应结果：responseText
alert(request.responseText);
}
}
}
//2.取消a节点的默认行为
return false;
}
}
</script>
</head>
<body>
<a href="HelloAjax.txt">hello Ajax</a>
</body>
</html>
HelloAjax.txt
Hello Ajax
扫一扫
961
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
