码迷,mamicode.com
首页 > Web开发 > 详细

通过实例来理解ajax

时间:2016-09-03 06:18:19      阅读:162      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!