1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <title>Document</title>
6 <script type="text/javascript">
7 window.onload = function () {
8 // 1.获取a节点，并为其添加 onclick 相应函数
9 document.getElementsByTagName("a")[0].onclick = function(){
10 //3.创建一个XMLHttpRequest 对象
11 var request = new XMLHttpRequest();
12
13 //4.准备发送请求的数据:url
14 var url = this.href + "?time=" + new Date();
15 var method = "GET";
16
17 //5.调用XMLHttpRequest 对象的 open 方法
18 request.open(method, url);
19
20 //6.XMLHttpRequest 对象的 send 方法
21 request.send(null);
22
23 //7.为XMLHttpRequest 对象添加 onreadystatechange 相应函数,由服务器触发
24 request.onreadystatechange = function () {
25
26 //8.判断响应是否完成：XMLHttpRequest 对象的 readyState 属性值为 4 的时候
27 if (request.readyState == 4) {
28 //9.再判断响应是否可用： XMLHttpRequest 对象 status 属性值为 200
29 if (request.status == 200 || request.status ==304) {
30 //10.打印响应结果：responseText
31 alert(request.responseText);
32 }
33 }
34 }
35
36 //2.取消a的默认行为
37 return false;
38 }
39 }
40 </script>
41 </head>
42 <body>
43 <a href="hellpAjax.txt">hellpAjax</a>
44 </body>
45 </html>
时间： 2024-11-09 02:45:19