原始ajax（异步的javascript和xml）

最新推荐文章于 2024-04-17 17:01:56 发布

原创最新推荐文章于 2024-04-17 17:01:56 发布 · 567 阅读

0 ·

CC 4.0 BY-SA版权

编程记录专栏收录该内容

89 篇文章

订阅专栏

本文介绍了一个简单的AJAX应用实例，展示了如何通过JavaScript在不重新加载整个页面的情况下从服务器请求并显示新数据。该示例使用了HTML、JavaScript和XMLHttpRequest对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
 <head>
 <script type="text/javascript">
 function loadXMLDoc()
 {
 var xmlhttp;
 if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   }
 else
   {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
   {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
     document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
     }
   }
 xmlhttp.open("GET","/ajax/demo_get.asp",true);
 xmlhttp.send();
 }
 </script>
 </head>
 <body>
 
 <h2>AJAX</h2>
 <button type="button" onclick="loadXMLDoc()">请求数据</button>
 <div id="myDiv"></div>
 
 </body>
 </html>