代码改变世界

通过实例来理解ajax

2016-09-03 01:12  平凡故事  阅读(149)  评论(0)  编辑  收藏  举报

点击一个按钮，然后将信息显示到指定的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/lsnproj/archive/2012/02/07/2340395.html

http://www.cnblogs.com/lsnproj/archive/2012/02/09/2341524.html

http://www.cnblogs.com/aylin/p/5732242.html（包含跨域）