1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 <a href="helloajax.txt">11111111111</a>
9 </body>
10 <script>
11 window.onload = function(){
12 document.getElementsByTagName('a')[0].onclick = function(){
13 var XHR=new XMLHttpRequest();
14 var url = this.href+'?time='+new Date();
15 var methods = 'get';
16 XHR.open(methods,url);
17 XHR.send(null);
18 XHR.onreadystatechange = function(){
19 alert(XHR.readyState)
20 if(XHR.readyState==4){
21 if(XHR.status==200||XHR.status==304){
22 alert(XHR.responseText);
23 }
24 }
25 }
26 }
27
28 return false;
29 }
30 </script>
31 </html>
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 <a href="helloajax.txt">helloajax</a>
9 <div id="content"></div>
10 </body>
11 <script type="text/javascript" src="js/jquery-2.0.3.js" ></script>
12 <script>
13 $(fiunction(){
14 $('a').click(function(){
15 var url = this.href;
16 var args = {"time":new Date()};
17 $('#content').load(url,args);
18 return false;
19 })
20 })
21 </script>
22 </html>
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 <a href="helloajax.txt">11111111111</a>
9 </body>
10 <script>
11 window.onload = function(){
12 document.getElementsByTagName('a')[0].onclick = function(){
13 var XHR=new XMLHttpRequest();
14 var url = this.href;
15 var methods = 'post';
16 XHR.open(methods,url);
17 XHR.setRequestHeader('ContentType',"application/x-www-form-urlencoded");
18 XHR.send("address=' 武汉'");
19 XHR.onreadystatechange = function(){
20 if(XHR.readyState==4){
21 if(XHR.status==200||XHR.status==304){
22 alert(XHR.responseText);
23 }
24 }
25 }
26 }
27
28 return false;
29 }
30 </script>
31 </html>