通过实例来理解ajax

时间：2016-09-03 06:17:27 收藏：0 阅读：210

点击一个按钮，然后将信息显示到指定的div内。

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 <html>
 3   <head>
 4     <title>FirstTest.html</title>
 5      <script language="javascript">
 6         function onclickAjax(){
 7             var xmlHttp;
 8             //分浏览器创建XMLHttp对象
 9 if(window.XMLHttpRequest){
10                 xmlHttp=new XMLHttpRequest();
11             }else if(window.ActiveXObject){
12                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")
13             }
14             //设置请求类型
15             xmlHttp.open("POST","test.do?method=ajaxTest&&msg="+new Date(),true);
16             //回调函数
17             xmlHttp.onreadystatechange=function(){
18                 if(xmlHttp.readyState==4){
19                     if(xmlHttp.status==200){
20                         document.getElementById("testid").value=xmlHttp.responseText;
21                     }else{
22                         alert("AJAX服务器返回错误！");
23                     }    
24                 }
25             }
26             //发送请求
27             xmlHttp.send();
28         }
29      </script>
30   </head>
31   
32   <body>
33     <input type="button" value="测试" onclick="onclickAjax()">
34     <div id="testid">
35     </div>
36   </body>
37 </html>

View Code

原文：http://www.cnblogs.com/lmsblogs/p/5836096.html