简单的ajax的结构

最新推荐文章于 2025-08-23 02:53:08 发布

转载最新推荐文章于 2025-08-23 02:53:08 发布 · 67 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/laj12347/archive/2013/03/16/2962595.html

文章标签：

#javascript #php #ViewUI

本文介绍了一个使用 JavaScript 实现的简单 Ajax GET 请求示例。该示例通过创建 XMLHttpRequest 对象来发起 GET 请求，并定义了回调函数处理服务器响应。具体展示了如何设置请求方式、URL 以及如何处理响应数据。

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

 1 <script type="javascript">  
 2     var xmlHttpRequest=null; //生命一个空对象以接收XMLHttpRequest 对象  
 3   
 4     function ajaxSubmit()  
 5     {  
 6         //---------------造对象、发请求---------------------------  
 7         if(window.ActiveXObjext)//如果是ie  
 8         {  
 9             xmlHttpRequest=new XMlHttpRequest();  
10         }else if(window.XMLHttpRequest)//其他浏览器  
11         {  
12             xmlHttpRequest=new XMLHttpRequest();  
13         }  
14       
15         if(null!= xmlHttpRequest){  
16             //                        url请求的地址  
17             xmlHttpRequest.open("get","url",true);  
18             //关联号ajax的回调函数      |下面的这个值改变了 ajaxCallbacky会被调用      *一次请求会被调用四次  
19             xmlHttpRequest.onreadystatechange=ajaxCallback;  
20             //真正的向服务器端发送数据  
21             xmlHttpRequest.send(null);  
22         }  
23           
24         //------------------相应事件，一次请求此事件会被调用四次------------------------  
25         function ajaxCallback(){  
26             if(xmlHttpRequest.readyState==4)  
27             {  
28                 if(xmlHttpRequest.ststus==200)  
29                 {  
30                     var responseText=xmlHttpRequest.responseText;  
31                     document.getElementById("div1").innerHTML=responseText;  
32                 }  
33             }  
34         }  
35     }  
36   
37 </script>