1、XMLHTTPRequest对象是什么?
2、创建XMLHTTPRequest对象。
3、XMLHTTPRequest的属性和方法。
1、XMLHTTPRequest对象是什么?
最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。(这个功能正是AJAX的一大特点之一:))
来自MSDN的解释:XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用微软XML文档对象模型Microsoft? XML Document Object Model (DOM)处理回应。
这里说些题外话,其实这个东西很早就出现了,只是以前浏览器的支持不够,只有IE中才支持,所以大多数的WEB程序员都没有怎么用他,但是现在情况发生了很大地改变,Mozilla和Safari把它采用为事实上的标准,主流的浏览器都开始支持XMLHTTPRequest对象了。但是这里需要重点说明的是XMLHTTPRequest目前还不是一个W3C的标准,所以在不同的浏览器上表现也稍有些区别。
2、创建XMLHTTPRequest对象
对了,说到区别,我们这里来看看怎么来声明(使用)它,在使用XMLHTTPRequest对象发送请求和处理响应之前,我们必须要用javascript创建一个XMLHTTPRequest对象。(IE把XMLHTTPRequest实现为一个ActiveX对象,其他的浏览器[如Firefox/Safari/Opear]则把它实现为一个本地的javascript对象)。下面我们就来看看具体怎么运用javascript来创建它吧:
以下为引用的内容: <script language="javascript" type="text/javascript"> <!-- var xmlhttp; // 创建XMLHTTPRequest对象 function createXMLHTTPRequest(){ if(window.ActiveXObject){ // 判断是否支持ActiveX控件 xmlhttp = new ActiveObject("Microsoft.XMLHTTP"); // 通过实例化ActiveXObject的一个新实例来创建XMLHTTPRequest对象 } else if(window.XMLHTTPRequest){ // 判断是否把XMLHTTPRequest实现为一个本地javascript对象 xmlhttp = new XMLHTTPRequest(); // 创建XMLHTTPRequest的一个实例(本地javascript对象) } } //--> </script> |
3、属性和方法
由于东西太多现在先用个页面来列举出说有的方法和属性,以后再来详细举例(主要是本人也在学习中)。
以下为引用的内容: <html> <head> <title>XMLHTTPRequest对象的说明DEMO</title> <script language="javascript" type="text/javascript"> <!-- var xmlhttp; // 创建一个XMLHTTPRequest对象 function createXMLHTTPRequext(){ if(window.ActiveXObject) { xmlhttp = new ActiveXObject('Microsoft.XMLHTTP'); } else if(window.XMLHTTPRequest){ xmlhttp = new XMLHTTPRequest(); } } function PostOrder(xmldoc) { createXMLHTTPRequext(); // 方法:open // 创建一个新的http请求,并指定此请求的方法、URL以及验证信息 // 语法:oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword); // 参数 // bstrMethod // http方法,例如:POST、GET、PUT及PROPFIND。大小写不敏感。 // bstrUrl // 请求的URL地址,可以为绝对地址也可以为相对地址。 // varAsync[可选] // 布尔型,指定此请求是否为异步方式,默认为true。如果为真,当状态改变时会调用onreadystatechange属性指定的回调函数。 // bstrUser[可选] // 如果服务器需要验证,此处指定用户名,如果未指定,当服务器需要验证时,会弹出验证窗口。 // bstrPassword[可选] // 验证信息中的密码部分,如果用户名为空,则此值将被忽略。 // 备注:调用此方法后,可以调用send方法向服务器发送数据。 xmlhttp.Open("get", "http://localhost/example.htm", false); // var book = xmlhttp.responseXML.selectSingleNode("//book[@id='bk101']"); // alert(book.xml); |
// 如下的例子演示当XMLHTTPRequest对象的readyState属性改变时调用HandleStateChange函数, |
以下为引用的内容: // 语法:strValue = oXMLHttpRequest.responseBody; // 备注:变量,此属性只读,以unsigned array格式表示直接从服务器返回的未经解码的二进制数据。 alert(xmlhttp.responseBody); // 属性:responseStream // 以Ado Stream对象的形式返回响应信息 // 语法:strValue = oXMLHttpRequest.responseStream; // 备注:变量,此属性只读,以Ado Stream对象的形式返回响应信息。 alert(xmlhttp.responseStream); // 属性:responseText // 将响应信息作为字符串返回 // 语法:strValue = oXMLHttpRequest.responseText; // 备注:变量,此属性只读,将响应信息作为字符串返回。XMLHTTP尝试将响应信息解码为Unicode字符串, // XMLHTTP默认将响应数据的编码定为UTF-8,如果服务器返回的数据带BOM(byte-order mark),XMLHTTP可 // 以解码任何UCS-2 (big or little endian)或者UCS-4 数据。注意,如果服务器返回的是xml文档,此属 // 性并不处理xml文档中的编码声明。你需要使用responseXML来处理。 alert(xmlhttp.responseText); // 属性:responseXML // 将响应信息格式化为Xml Document对象并返回 // 语法:var objDispatch = oXMLHttpRequest.responseXML; // 备注:变量,此属性只读,将响应信息格式化为Xml Document对象并返回。如果响应数据不是有效的XML文档, // 此属性本身不返回XMLDOMParseError,可以通过处理过的DOMDocument对象获取错误信息。 alert("Result = " + xmlhttp.responseXML.xml); // 属性:status // 返回当前请求的http状态码 // 语法:lValue = oXMLHttpRequest.status; // 返回值:长整形标准http状态码,定义如下: // Number:Description // 100:Continue // 101:Switching protocols // 200:OK // 201:Created // 202:Accepted // 203:Non-Authoritative Information // 204:No Content // 205:Reset Content // 206:Partial Content // 300:Multiple Choices // 301:Moved Permanently // 302:Found // 303:See Other // 304:Not Modified // 305:Use Proxy // 307:Temporary Redirect // 400:Bad Request // 401:Unauthorized // 402:Payment Required // 403:Forbidden // 404:Not Found // 405:Method Not Allowed // 406:Not Acceptable // 407:Proxy Authentication Required // 408:Request Timeout // 409:Conflict // 410:Gone // 411:Length Required // 412:Precondition Failed // 413:Request Entity Too Large |
以下为引用的内容: // 414:Request-URI Too Long // 415:Unsupported Media Type // 416:Requested Range Not Suitable // 417:Expectation Failed // 500:Internal Server Error // 501:Not Implemented // 502:Bad Gateway // 503:Service Unavailable // 504:Gateway Timeout // 505:HTTP Version Not Supported // 备注:长整形,此属性只读,返回当前请求的http状态码,此属性仅当数据发送并接收完毕后才可获取。 alert(xmlhttp.status); // 属性:statusText // 返回当前请求的响应行状态 // 语法:strValue = oXMLHttpRequest.statusText; // 备注:字符串,此属性只读,以BSTR返回当前请求的响应行状态,此属性仅当数据发送并接收完毕后才可获取。 alert(xmlhttp.statusText); } } //--> </script> </head> <body> <form name="frmTest"> <input name="myButton" type="button" value="Click Me" onclick="PostOrder('http://localhost/example.htm');"> </form> </body> </html> |
联系客服