XMLHttpRequest 对象

XMLHttpRequest 对象的方法与属性

 

 

技术分享

 

技术分享

 responseBody:将回应信息正文以unsigned byte 数组形式返回,属性只读。
 responseText:以字符串的形式返回服务器响应信息,属性只读。

可以通过 responseText 属性来取回由服务器返回的数据。

在我们的代码中,我们将把时间文本框的值设置为等于 responseText:

xmlHttp.onreadystatechange=function()
  {
  if(xmlHttp.readyState==4)
    {
    document.myForm.time.value=xmlHttp.responseText;
    }
  }


 responseXML:将响应信息格式化为XML Document对象返回,属性只读。

在执行send()方法后,如果服务器正确返回了XML格式的数据,可以使用XMLHttpRequest属性接收返回的数据。responseXML属于将返回的信息格式化为XML Document对象。这时Content-Type头指定的MIME的类型应该为text/xml,如果Content-Type不包含这种类型,responseXML在接收时将会得到一个null值。

返回并处理XML信息是Ajax最普遍的应用。由于XML格式的数据本身在数据传输中的优势,以及各浏览器对DOM的支持,在JavaScript中操作XML数据比较简单并且较为通用。因此在数据量较大或者数据结构较为复杂时,处理XML数据成为实际应用的首选。

 

XmlHttpRequest   创建方式

var http_request = false;
技术分享    function createXMLHttpRequest()
技术分享    {        
技术分享        http_request = false;
技术分享        //开始初始化XMLHTTPRequest对象
技术分享        if(window.XMLHttpRequest)//如果是window.XMLHttpRequest对象
技术分享        {
技术分享            //Mozilla,netscape 浏览器
技术分享            http_request = new XMLHttpRequest();    
技术分享            if (http_request.overrideMimeType) {//设置MiME类别
技术分享            //有些版本的浏览器在处理服务器返回的未包含XML mime-type头部信息的内容时会报错,因此,要确保返回的内容包含text/xml信息。
技术分享            http_request.overrideMimeType("text/xml");
技术分享        }
技术分享        }
技术分享        else if(window.ActiveXObject)//如果是window.ActiveXObject
技术分享        {
技术分享            //IE浏览器
技术分享            try
技术分享            {
技术分享                http_request = new ActiveXObject("Msxml2.XMLHTTP");//IE较新版本
技术分享            }
技术分享            catch (e)
技术分享            {
技术分享                try
技术分享                {
技术分享                    http_request = new ActiveXObiect("Microsoft.XMLHTTP"); //ie旧版本
技术分享                }
技术分享                catch (e){}
技术分享            }
技术分享        }
技术分享        if(!http_request)
技术分享        {
技术分享            //异常,创建对象实例失败
技术分享            window.alert("不能创建XMLHttpRequest对象实例。");
技术分享            return false;
技术分享        }
技术分享    }

 

XMLHttpRequest对象的方法

 abort()方法

abort()方法可以停止一个XMLHttpRequest对象对HTTP的请求,把该对象恢复到初始状态。例如,如果某个操作需要一系列的操作顺序完成,而这其中出现任何异常,都会导致当前操作的结束,当检测到某个步骤出现异常时,使用abort()方法,中止当前的处理。

 pen() 方法需要三个参数。第一个参数定义发送请求所使用的方法(GET 还是 POST)。第二个参数规定服务器端脚本的 URL。第三个参数规定应当对请求进行异步地处理。

send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP 文件位于相同的目录,那么代码是这样的:

xmlHttp.open("GET","time.asp",true);
xmlHttp.send(null);




                                                

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。