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

来源：互联网发布：nvslp监控软件下载编辑：程序博客网时间：2024/06/05 19:19

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>