js建立XMLHttpRequest对象及其属性和方法

1、js 建立 XMLHttpRequest 对象及其属性和方法1./定义变量，存储对象2.3.var xmlHttp;/创建 XMLHttpRequest 对象4.function creatXMLHttpRequest()5.6.if (window.ActiveXObject)7.8.9.xmlHttp= new ActiveXObject( "Microsoft.XMLHTTP" ); 10.else if (window.XMLHttpRequest)11.12.xmlHttp= new XMLHttpRequest();13.14.15./使用 get 方式建立与后

2、台的交互16.function callServer()7.creatXMLHttpRequest()19.var email=document.getElementById( "TxtEmail" ).value;20.if (email= "")21.22.document.getElementById("LabMsg" ).innerText= "请输入邮箱！23.document.getElementById("LabMsg" ).style.color= "red&

3、quot; ;24.25.else26.27.url= "register.aspx?email="+ email + "&ts" + new Date().getTime();28.29.xmlHttp.onreadystatechange=handleStateChange;30.xmlHttp.send( null );31.32.33./回调函数，后台处理完结果后返回给回调函数34.function handleStateChange()35./请求的状态有 5 个值： 0=未初始化； 1= 正在加载； 2= 已经加载； 3= 交互中；

4、4= 完成；37.if (xmlHttp.readyState=4)xmlHttp.open( "GET" ,url,true );39./200对应OK，女n 404=未找到网页40.if (xmlHtt p.status=200)41.42.var result=xmlHtt p.res po nseXML.getElementsByTagName("result" )0.firstC1.62.hild.nodeValue;if (resul

5、t= "true")document.getElementByld(document.getElementById(else if (result= "false")document.getElementById(document.getElementById(post请求"LabMsg" ).innerHTML="恭喜，可用！""LabMsg" ).style.color= "red""LabMsg" ).innerText="该邮箱已存在！&

6、quot;:"LabMsg" ).style.color= "red"url= "register.aspx?email=" + email + "&ts" + new Date().getTime();xmlHtt p.on readystatechange=handleStateChange;xmlHttp.open( "POST" ,url,false );xmlHttp.SetRequestHeader("Content-Type" ,"applic

7、ation/x-www-form-urlencoded");xmlHttp.send( null );1/定义变量，存储对象var xmlHtt p;/ 创建XMLHttpReques对象 function creatXMLHtt pRequest()if(window.ActiveXObject)xmlHtt p=new ActiveXObject("Microsoft.XMLHTT P");else if(window.XMLHtt pRequest)xmlHtt p=new XMLHtt pRequest();/使用get方式建立与后台的交互function

8、 callServer()creatXMLHtt pRequest()var email=document.getElementById("TxtEmail").value; if(email="")后台处理请求的代码:view pl ainc opy to cli pboard print?1./写在所请求的 URL页面的page_load下2.string email;3.4.email = Request.QueryString "email"myCustomer.Email = email;5.if (email = stri

9、ng .Empty | email = null )10.6.7.return ;8.9.else11.StringBuilder result = new StringBuilder( "<result>");12.if (myCheck.HaveCustomer(myCustomer)13.14.15.result.Append("false");16.result.Append("</result>");17.Response.ContentType ="text/xml"18.Res

10、 po nse.Write(result.ToString();19.20.Respo nse.End();21.else22.23.result.Append( "true");24.result.Append("</result>");25.Response.ContentType ="text/xml"26.Respo nse.Write(result.ToStnng();27.Respo nse.End();28.29.StringBuilder result = new StringBuilder("&

11、lt;result>"); if (myCheck.HaveCustomer(myCustomer)result.A pp end("false");result.A pp end("</result>");Respo nse.ContentT ype = "text/xml"Respo nse.Write(result.ToString();Respo nse.End();elseresult.A pp end("true");result.A pp end("</re

12、sult>");Respo nse.ContentT ype = "text/xml"Respo nse.Write(result.ToString();Respo nse.End();XMLHtt pRequest对象的属性XMLHtt pRequest对象提供了许多属性，处理XMLHtt pRequest时需要频繁用到这些属性，如下表所示：属性描述onreadystatechange每个状态改变时都会触发这个事件处理程序，通常会调 用一个JavaScript函数readyState请求的状态respo nseText服务器的响应，表示为一个串respo

13、nseXML服务器的响应，表示为 XML，这个对象可以解析为一个DOM对象status服务器的HTTP状态statusTextHTTP状态的对应文本下面是属性和事件的详细说明1. readyState 属性当XMLHttpRequest对象吧一个HTTP请求发送到服务器时将经历若干种状态。一直等待直 到请求被处理，然后，它才接收一个响应。这样以来，脚本才正确响应各种状态，XMLHttpRequest对象暴露一个描述对象的当前状态的readyState属性，如下表所示:readyState 取 值描述0描述一种“未初始化”状态。此时，已经创建了一个XMLHtt pRequest对象，但是还没有初

14、始化。1描述一种“发送”状态。此时，代码已经调用了XMLHtt pRequestopen()方法并且XMLHttpRequest已经准备好把一个请求发送到服务 器。2描述一种“发送”状态。此时，已经通过send()方法把一个请求发送到服务器端，但是还没有收到一个响应。3描述一种“正在接收”状态。此时，已经接收到HTTP响应头部信息，但是消息体部分还没有完全接收结束。4描述一种“已加载”状态。此时，响应已经被完全接收。2. onreadystatechange 属性无论readyState值何时发生改变，XMLHttpRequest对象都会激发一个 readystatechange 事件。其中，

15、onreadystatechange 属性接收一个EventListener值，向该方法指示无论readyState值何时发生改变，该对象都将激活。3. respo nseText 属性这个responseText属性包含客户端接收到的HTTP响应的文本内容。当 readyState值为0、1或2时，responseText包含一个空字符串。当readyState值为3 (正在接收)时，响应中包含客户端还未完成的响应信息。当readyState为4 (已加载)时，该 responseText包含完整的响应信息。4. responseXML 属性此属性用于当接收到完整的 HTTP 响应时（ re

16、adyState 为 4）描述 XML 响应；此时， Content-Type 头部指定 MIME （媒体）类型为 text/xml ， application/xml 或以 +xml 结尾。如果 Content-Type 头部并不包含这些媒体类型之一，那么 responseXML 的值为 null 。 只要 readyState 值不为 4，那么该 responseXML 的值也为 null 。无论何时，其实，这个 responseXML 属性值是一个文档接口类型的对象，用来描述被分析的文档。 文档不能被分析（例如，如果文档不是良构的或不支持文档相应的字符编码），那么如果responseXM

17、L 的值将为 null 。5. status 属性这个属性描述了 HTTP 状态代码，而且其类型为 short 。而且，仅当 readyState 在接收中）或 4（已加载）时，这个 status 属性才可用。当 readyState 的值小于 取 status 的值将引发一个异常。例如： status 等于 200 表示成功， 404 表示未找到资源。值为 3（正3 时试图存状态码 :描述100:Continue101:Switching protocols200:OK201:Created202:Accepted203:Non-Authoritative Information204:No

18、 Content205:Reset Content206:Partial Content300:Multiple Choices301:Moved Permanently302:Found303:See Other304:Not Modified305:Use Proxy307:Temporary Redirect400:Bad Request401:Unauthorized402:Payment Required403:Forbidden404:Not Found405:Method Not Allowed406:Not Acceptable407:Proxy Authentication

19、Required408:Request Timeout409:Conflict410:Go ne 411:Le ngth Required412:Precon dition Failed 413:Request En tity Too Large 414:Request-URI Too Long415:Un su pp orted Media Type 416:Requested Range Not Suitable 417:Ex pectati on Failed500:I nternal Server Error 501:Not Imp leme nted502:Bad Gateway50

20、3:Service Un available 504:Gateway Timeout505:HTT P Versio n Not Su pp orted6. statusText 属性这个属性描述了 HTTP状态代码文本，并且仅当readyState值为3或4才可用。当readyState为其它值时试图存取 statusText属性将引发一个异常。XMLHttpRequest对象的方法下表显示了 XMLHttpRequest对象的一些常用的方法，其中描述部分介绍了这些方法的作用 和意义。方法描述abort()停止当前请求getAllRes po nseHeaders()把HTTP请求的所有相应

21、首部作为键 /值对返回。getRes po nseHeader("header")返回指定首部的串值。op en("method","url")建立对服务器的调用。 method参数可以是GET、POST或PUT等；url参数可以是相对 URL或绝对URL。这个方法还包括 3个可选参数。send(content)向服务器发送请求。setRequestHeader("header","value")把指定首部设置为所提供的值，在设置任何首部之 前必须先调用open()方法。方法：op en创建一个

22、新的httP请求，并指定此请求的方法、URL以及验证信息语法：oXMLHtt pRequest.o pen(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);参数bstrMethod htt p方法，例如：P OST、GET、PUT及PROP FIND。大小写不敏感。bstrUrl请求的 URL 地址，可以为绝对地址也可以为相对地址。varAsync 可选 布尔型，指定此请求是否为异步方式，默认为true 。如果为真，当状态改变时会调用onreadystatechange 属性指定的回调函数。bstrUser 可选 如果服务器需要验证

23、，此处指定用户名，如果未指定，当服务器需要验证时，会弹出验证窗 口。bstrPassword 可选 验证信息中的密码部分，如果用户名为空，则此值将被忽略。备注：调用此方法后，可以调用 send 方法向服务器发送数据。xmlhttp.Open("get", "http:/localhost/example.htm", false);方法： send发送请求到 http 服务器并接收回应 语法： xmlhttp.send(varBody);参数： varBody (欲通过此请求发送的数据。)备注：此方法的同步或异步方式取决于 open 方法中的 bAsync 参数，如果 bAsync = False ， 此方法将会等待请求完成或者超时时才会返回，如果 bAsync = True ，此方法将立即返回。 如果发送的数据为 BSTR ，则回应被编码为 utf-8, 必须在适当位置设置一个包含 charset 的文 档类型头。如果发送的数据为 XML DOM object ，则回应将被编码为在 xml 文档中声明的编码，如果在 xml 文档中没有声明编码，则使用默认的 UTF-8 。xmlhttp.Send(xmldoc);方法： getAllResponseHeaders 获取响应的所有 http 头 语法： strValue = xmlhttp.