ajax====xmlHttpRequest对象的常用属性和方法

最新推荐文章于 2026-05-06 07:55:02 发布

原创最新推荐文章于 2026-05-06 07:55:02 发布 · 656 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#xmlhttprequest #ajax #function #服务器 #javascript

ajax 专栏收录该内容

1 篇文章

订阅专栏

本文深入探讨了XMLHttpRequest对象的属性和方法，包括readystate、responseText、resoposneXML、status以及open()、send()等核心功能。通过示例展示了如何使用XMLHttpRequest实现AJAX调用。

1. xmlHttpRequest对象有哪些属性？

onreadystatechange =======>指定readystate状态改变时使用的操作，一般都用于指定具体的回调函数。

responseText ===========>表示返回的是文本形式的数据。

resoposneXML============>表示返回的是XML文档形式的数据,这样就可以进行dom解析操作了。

status：返回当前请求的http状态码，只读 .//200表示正常。

readyState五种取值：

0：请求没有发出

1：请求已经建立，但还没有发出

2：请求已经发出，正在处理中。

3：请求已经处理，正在接受服务器的信息。

4：相应已经完成，可以访问服务器响应，并且使用它。

2.xmlHttpRequest对象的方法：

open()：创建一个http请求，并指定请求模式，如get或post

send()：发送，将请求发送到服务器端。

。。。。。。。。

例子：

<html>
   <head>
       <script language="javascript">
           var xmlHttp ;
           function createXMLHttp(){
               if(window.XMLHttpRequest){
                   xmlHttp = new XMLHttpRequest();
               }else{
                   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
               }
           }
           function showMsg(){
               //创建xmlHttp对象。
               createXMLHttp();
               xmlHttp.open("POST", "content.htm");
               //设置操作的回调函数
               xmlHttp.onreadystatechange = showMsgCallback;
               xmlHttp.send(null) ;
           }
           function showMsgCallback(){//回调操作函数
               if(xmlHttp.readyState == 4){//调用完成，数据返回。
                   if(xmlHttp.status == 200){//Http操作码正常
                   var text = xmlHttp.responseText ;
                   document.getElementById("msg").innerHTML = text ;
                   }
               }
           }
       </script>
   </head>
   <body>
       <input type="button" onClick="showMsg()" value="调用AJAX显示内容">
       <span id="msg"></span>
   </body>
</html>