首页 > 代码库 > 通过实例来理解ajax

通过实例来理解ajax

2024-08-11 20:36:00   217人阅读

点击一个按钮，然后将信息显示到指定的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


联系
我们