首页 > Web开发 > 详细

通过实例来理解ajax

时间:2016-09-03 06:17:27      阅读:210      评论:0      收藏: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

 

 

通过实例来理解ajax

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!