ajax 入門基礎(chǔ)之 XMLHttpRequest對(duì)象總結(jié)
更新時(shí)間:2009年08月29日 01:04:39 作者:
在ajax中有一個(gè)最為核心的概念就是 XMLHttpRequest 對(duì)象,這篇文章將有助于我們更加深入的理解 ajax 的知識(shí)
XMLHttpRequest 提供客戶端同http服務(wù)器通訊的協(xié)議
一:創(chuàng)建
IE : http_request = new ActiveXObject("Msxml2.XMLHTTP");
http_request = new ActiveXObject("Microsoft.XMLHTTP");
非IE: http_request = new XMLHttpRequest();
二:onreadystatechange
指定當(dāng)readyState屬性改變時(shí)的事件處理句柄
語(yǔ)法
http_request .onreadystatechange = funcMyHandler;
三:readyState
返回XMLHTTP請(qǐng)求的當(dāng)前狀態(tài)
變量,此屬性只讀,狀態(tài)用長(zhǎng)度為4的整型表示.定義如下:
0 (未初始化) 對(duì)象已建立,但是尚未初始化(尚未調(diào)用open方法)
1 (初始化) 對(duì)象已建立,尚未調(diào)用send方法
2 (發(fā)送數(shù)據(jù)) send方法已調(diào)用,但是當(dāng)前的狀態(tài)及http頭未知
3 (數(shù)據(jù)傳送中) 已接收部分?jǐn)?shù)據(jù),因?yàn)轫憫?yīng)及http頭不全,這時(shí)通過(guò)responseBody和responseText獲取部分?jǐn)?shù)據(jù)會(huì)出現(xiàn)錯(cuò)誤,
4 (完成) 數(shù)據(jù)接收完畢,此時(shí)可以通過(guò)通過(guò)responseBody和responseText獲取完整的回應(yīng)數(shù)據(jù)
四:responseBody
返回某一格式的服務(wù)器響應(yīng)數(shù)據(jù)
五:responseStream
以Ado Stream對(duì)象的形式返回響應(yīng)信
六:responseText
將響應(yīng)信息作為字符串返回
備注
變量,此屬性只讀,將響應(yīng)信息作為字符串返回。
XMLHTTP嘗試將響應(yīng)信息解碼為Unicode字符串,XMLHTTP默認(rèn)將響應(yīng)數(shù)據(jù)的編碼定為UTF-8,如果服務(wù)器返回的數(shù)據(jù)帶BOM(byte -order mark),XMLHTTP可以解碼任何UCS-2 (big or little endian)或者UCS-4 數(shù)據(jù)。注意,如果服務(wù)器返回的是xml文檔,此屬性并不處理xml文檔中的編碼聲明。你需要使用responseXML來(lái)處理。
七:responseXML 將響應(yīng)信息格式化為Xml Document對(duì)象并返回
備注
變量,此屬性只讀,將響應(yīng)信息格式化為Xml Document對(duì)象并返回。如果響應(yīng)數(shù)據(jù)不是有效的XML文檔,此屬性本身不返回XMLDOMParseError,可以通過(guò)處理過(guò)的DOMDocument對(duì)象獲取錯(cuò)誤信息。
八:status 返回當(dāng)前請(qǐng)求的http狀態(tài)碼
長(zhǎng)整形標(biāo)準(zhǔn)http狀態(tài)碼,定義如下:
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
備注
長(zhǎng)整形,此屬性只讀,返回當(dāng)前請(qǐng)求的http狀態(tài)碼,此屬性僅當(dāng)數(shù)據(jù)發(fā)送并接收完畢后才可獲取。
九:xmlhttprequest:statusText成員
statusText
返回當(dāng)前請(qǐng)求的響應(yīng)行狀態(tài)
十:abort()方法
取消當(dāng)前請(qǐng)求
十一:getallresponseheaders()方法
獲取響應(yīng)的所有http頭
備注
每個(gè)http頭名稱和值用冒號(hào)分割,并以\r\n結(jié)束。當(dāng)send方法完成后才可調(diào)用該方法。
十二:getResponseHeader 從響應(yīng)信息中獲取指定的http頭
例:
xmlhttp.getResponseHeader("Server");
輸出http頭中的server列:當(dāng)前web服務(wù)器的版本及名稱。
備注
當(dāng)send方法成功后才可調(diào)用該方法。如果服務(wù)器返回的文檔類型為"text/xml", 則這句話xmlhttp.getResponseHeader("Content-Type");將返回字符串"text/xml"??梢允褂?getAllResponseHeaders方法獲取完整的http頭信息。
十三:open()方法 創(chuàng)建一個(gè)新的http請(qǐng)求,并指定此請(qǐng)求的方法、URL以及驗(yàn)證信息
語(yǔ)法
XMLHttpRequest.open(strMethod, strUrl, blnAsync, strUser, strPassword);
參數(shù)
strMethod
http方法,例如:POST、GET、PUT及PROPFIND。大小寫不敏感。
strUrl
請(qǐng)求的URL地址,可以為絕對(duì)地址也可以為相對(duì)地址。
blnAsync[可選]
布爾型,指定此請(qǐng)求是否為異步方式,默認(rèn)為true。如果為真,當(dāng)狀態(tài)改變時(shí)會(huì)調(diào)用onreadystatechange屬性指定的回調(diào)函數(shù)。
async是一個(gè)布爾值。如果是異步通信方式(true),客戶機(jī)就不等待服務(wù)器的響應(yīng);如果是同步方式(false),客戶機(jī)就要等到服務(wù)器返回消息后才去執(zhí)行其他操作。我們需要根據(jù)實(shí)際需要來(lái)指定同步方式,在某些頁(yè)面中,可能會(huì)發(fā)出多個(gè)請(qǐng)求,甚至是有組織有計(jì)劃有隊(duì)形大規(guī)模的高強(qiáng)度的request,而后一個(gè)是會(huì)覆蓋前一個(gè)的,這個(gè)時(shí)候當(dāng)然要指定同步方式:Flase。
strUser[可選]
如果服務(wù)器需要驗(yàn)證,此處指定用戶名,如果未指定,當(dāng)服務(wù)器需要驗(yàn)證時(shí),會(huì)彈出驗(yàn)證窗口。
strPassword[可選]
驗(yàn)證信息中的密碼部分,如果用戶名為空,則此值將被忽略。
備注
調(diào)用此方法后,可以調(diào)用send方法向服務(wù)器發(fā)送數(shù)據(jù)。
十四:send()方法
發(fā)送請(qǐng)求到http服務(wù)器并接收回應(yīng)
XMLHttpRequest.send(varBody);
參數(shù)
varBody
欲通過(guò)此請(qǐng)求發(fā)送的數(shù)據(jù)。
備注
此方法的同步或異步方式取決于open方法中的bAsync參數(shù),如果bAsync == False,此方法將會(huì)等待請(qǐng)求完成或者超時(shí)時(shí)才會(huì)返回,如果bAsync == True,此方法將立即返回。
十五:setRequestHeader 單獨(dú)指定請(qǐng)求的某個(gè)http頭
Example:
var http_request= false;
function send_request(url)
{ ///初始化、指定處理函數(shù)、發(fā)送請(qǐng)求的函數(shù)
if (window.XMLHttpRequest) //Mozila
{
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType)
{
http_request.overrideMimeType("text/xml");
}
}
else
if (window.ActiveXobject) //IE
{
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) { }
}
}
if (!http_request) // 異常,創(chuàng)建對(duì)象實(shí)例失敗
{
alert("不能創(chuàng)建XMLHttpRequest實(shí)例??!");
return false;
}
// 指定當(dāng)服務(wù)器返回信息時(shí)客戶端的處理方式
http_request.onreadystatechange = processRequest;
// <SPAN twffan="done">確定發(fā)送請(qǐng)求的方式和URL以及是否同步執(zhí)行下段代碼
http_request.open("GET",url,true);
http_request.send(null);
}
//******************************************************************
function processRequest()
{
if (http_request.readyState == 4) // 判斷對(duì)象狀態(tài)
{
if (http_request.status == 200) // 請(qǐng)求結(jié)果已經(jīng)成功返回
{
alert(http_request.responseBody);
var a = document.getElementById("hh").innerText;
if (a =="1")
{
alert("不可用!!");
}
}
else //頁(yè)面不正常
{
alert("你請(qǐng)求的頁(yè)面不正常");
}
}
}
// ********************************************************************
function userCheck()
{
var f = document.Form1;
var userName = f.username.value;
if (userName == "")
{
alert("用戶名不能為空??!");
f.username.focus();
return false;
}
else
{
send_request("alert.aspx?username="+userName)
}
}
一:創(chuàng)建
IE : http_request = new ActiveXObject("Msxml2.XMLHTTP");
http_request = new ActiveXObject("Microsoft.XMLHTTP");
非IE: http_request = new XMLHttpRequest();
二:onreadystatechange
指定當(dāng)readyState屬性改變時(shí)的事件處理句柄
語(yǔ)法
http_request .onreadystatechange = funcMyHandler;
三:readyState
返回XMLHTTP請(qǐng)求的當(dāng)前狀態(tài)
變量,此屬性只讀,狀態(tài)用長(zhǎng)度為4的整型表示.定義如下:
0 (未初始化) 對(duì)象已建立,但是尚未初始化(尚未調(diào)用open方法)
1 (初始化) 對(duì)象已建立,尚未調(diào)用send方法
2 (發(fā)送數(shù)據(jù)) send方法已調(diào)用,但是當(dāng)前的狀態(tài)及http頭未知
3 (數(shù)據(jù)傳送中) 已接收部分?jǐn)?shù)據(jù),因?yàn)轫憫?yīng)及http頭不全,這時(shí)通過(guò)responseBody和responseText獲取部分?jǐn)?shù)據(jù)會(huì)出現(xiàn)錯(cuò)誤,
4 (完成) 數(shù)據(jù)接收完畢,此時(shí)可以通過(guò)通過(guò)responseBody和responseText獲取完整的回應(yīng)數(shù)據(jù)
四:responseBody
返回某一格式的服務(wù)器響應(yīng)數(shù)據(jù)
五:responseStream
以Ado Stream對(duì)象的形式返回響應(yīng)信
六:responseText
將響應(yīng)信息作為字符串返回
備注
變量,此屬性只讀,將響應(yīng)信息作為字符串返回。
XMLHTTP嘗試將響應(yīng)信息解碼為Unicode字符串,XMLHTTP默認(rèn)將響應(yīng)數(shù)據(jù)的編碼定為UTF-8,如果服務(wù)器返回的數(shù)據(jù)帶BOM(byte -order mark),XMLHTTP可以解碼任何UCS-2 (big or little endian)或者UCS-4 數(shù)據(jù)。注意,如果服務(wù)器返回的是xml文檔,此屬性并不處理xml文檔中的編碼聲明。你需要使用responseXML來(lái)處理。
七:responseXML 將響應(yīng)信息格式化為Xml Document對(duì)象并返回
備注
變量,此屬性只讀,將響應(yīng)信息格式化為Xml Document對(duì)象并返回。如果響應(yīng)數(shù)據(jù)不是有效的XML文檔,此屬性本身不返回XMLDOMParseError,可以通過(guò)處理過(guò)的DOMDocument對(duì)象獲取錯(cuò)誤信息。
八:status 返回當(dāng)前請(qǐng)求的http狀態(tài)碼
長(zhǎng)整形標(biāo)準(zhǔn)http狀態(tài)碼,定義如下:
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
備注
長(zhǎng)整形,此屬性只讀,返回當(dāng)前請(qǐng)求的http狀態(tài)碼,此屬性僅當(dāng)數(shù)據(jù)發(fā)送并接收完畢后才可獲取。
九:xmlhttprequest:statusText成員
statusText
返回當(dāng)前請(qǐng)求的響應(yīng)行狀態(tài)
十:abort()方法
取消當(dāng)前請(qǐng)求
十一:getallresponseheaders()方法
獲取響應(yīng)的所有http頭
備注
每個(gè)http頭名稱和值用冒號(hào)分割,并以\r\n結(jié)束。當(dāng)send方法完成后才可調(diào)用該方法。
十二:getResponseHeader 從響應(yīng)信息中獲取指定的http頭
例:
xmlhttp.getResponseHeader("Server");
輸出http頭中的server列:當(dāng)前web服務(wù)器的版本及名稱。
備注
當(dāng)send方法成功后才可調(diào)用該方法。如果服務(wù)器返回的文檔類型為"text/xml", 則這句話xmlhttp.getResponseHeader("Content-Type");將返回字符串"text/xml"??梢允褂?getAllResponseHeaders方法獲取完整的http頭信息。
十三:open()方法 創(chuàng)建一個(gè)新的http請(qǐng)求,并指定此請(qǐng)求的方法、URL以及驗(yàn)證信息
語(yǔ)法
XMLHttpRequest.open(strMethod, strUrl, blnAsync, strUser, strPassword);
參數(shù)
strMethod
http方法,例如:POST、GET、PUT及PROPFIND。大小寫不敏感。
strUrl
請(qǐng)求的URL地址,可以為絕對(duì)地址也可以為相對(duì)地址。
blnAsync[可選]
布爾型,指定此請(qǐng)求是否為異步方式,默認(rèn)為true。如果為真,當(dāng)狀態(tài)改變時(shí)會(huì)調(diào)用onreadystatechange屬性指定的回調(diào)函數(shù)。
async是一個(gè)布爾值。如果是異步通信方式(true),客戶機(jī)就不等待服務(wù)器的響應(yīng);如果是同步方式(false),客戶機(jī)就要等到服務(wù)器返回消息后才去執(zhí)行其他操作。我們需要根據(jù)實(shí)際需要來(lái)指定同步方式,在某些頁(yè)面中,可能會(huì)發(fā)出多個(gè)請(qǐng)求,甚至是有組織有計(jì)劃有隊(duì)形大規(guī)模的高強(qiáng)度的request,而后一個(gè)是會(huì)覆蓋前一個(gè)的,這個(gè)時(shí)候當(dāng)然要指定同步方式:Flase。
strUser[可選]
如果服務(wù)器需要驗(yàn)證,此處指定用戶名,如果未指定,當(dāng)服務(wù)器需要驗(yàn)證時(shí),會(huì)彈出驗(yàn)證窗口。
strPassword[可選]
驗(yàn)證信息中的密碼部分,如果用戶名為空,則此值將被忽略。
備注
調(diào)用此方法后,可以調(diào)用send方法向服務(wù)器發(fā)送數(shù)據(jù)。
十四:send()方法
發(fā)送請(qǐng)求到http服務(wù)器并接收回應(yīng)
XMLHttpRequest.send(varBody);
參數(shù)
varBody
欲通過(guò)此請(qǐng)求發(fā)送的數(shù)據(jù)。
備注
此方法的同步或異步方式取決于open方法中的bAsync參數(shù),如果bAsync == False,此方法將會(huì)等待請(qǐng)求完成或者超時(shí)時(shí)才會(huì)返回,如果bAsync == True,此方法將立即返回。
十五:setRequestHeader 單獨(dú)指定請(qǐng)求的某個(gè)http頭
Example:
復(fù)制代碼 代碼如下:
var http_request= false;
function send_request(url)
{ ///初始化、指定處理函數(shù)、發(fā)送請(qǐng)求的函數(shù)
if (window.XMLHttpRequest) //Mozila
{
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType)
{
http_request.overrideMimeType("text/xml");
}
}
else
if (window.ActiveXobject) //IE
{
try
{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) { }
}
}
if (!http_request) // 異常,創(chuàng)建對(duì)象實(shí)例失敗
{
alert("不能創(chuàng)建XMLHttpRequest實(shí)例??!");
return false;
}
// 指定當(dāng)服務(wù)器返回信息時(shí)客戶端的處理方式
http_request.onreadystatechange = processRequest;
// <SPAN twffan="done">確定發(fā)送請(qǐng)求的方式和URL以及是否同步執(zhí)行下段代碼
http_request.open("GET",url,true);
http_request.send(null);
}
//******************************************************************
function processRequest()
{
if (http_request.readyState == 4) // 判斷對(duì)象狀態(tài)
{
if (http_request.status == 200) // 請(qǐng)求結(jié)果已經(jīng)成功返回
{
alert(http_request.responseBody);
var a = document.getElementById("hh").innerText;
if (a =="1")
{
alert("不可用!!");
}
}
else //頁(yè)面不正常
{
alert("你請(qǐng)求的頁(yè)面不正常");
}
}
}
// ********************************************************************
function userCheck()
{
var f = document.Form1;
var userName = f.username.value;
if (userName == "")
{
alert("用戶名不能為空??!");
f.username.focus();
return false;
}
else
{
send_request("alert.aspx?username="+userName)
}
}
您可能感興趣的文章:
- jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象的方法
- AJAX XMLHttpRequest對(duì)象詳解
- 解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問(wèn)題
- 如何用ajax來(lái)創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
- jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對(duì)象的responseXML
- AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
- AJAX客戶端說(shuō)明,XMLHttpRequest對(duì)象
- AJax 學(xué)習(xí)筆記一(XMLHTTPRequest對(duì)象)
- AJAX XMLHttpRequest對(duì)象創(chuàng)建使用詳解
相關(guān)文章
一個(gè)簡(jiǎn)單Ajax類庫(kù)及使用方法實(shí)例分析
這篇文章主要介紹了一個(gè)簡(jiǎn)單Ajax類庫(kù)及使用方法,結(jié)合實(shí)例形式分析了ajax類庫(kù)的源碼與具體使用技巧,需要的朋友可以參考下2016-04-04
解決spring mvc 返回json數(shù)據(jù)到ajax報(bào)錯(cuò)parseerror問(wèn)題
最近使用ajax接收spring mvc傳過(guò)來(lái)的json數(shù)據(jù)時(shí)總是出現(xiàn)parseerror的錯(cuò)誤,下面通過(guò)本文給大家分享spring mvc 返回json數(shù)據(jù)到ajax報(bào)錯(cuò)parseerror問(wèn)題的解決方法,需要的朋友參考下吧2017-05-05
使用Ajax技術(shù)通過(guò)XMLHttpRequest對(duì)象完成首頁(yè)登錄功能
這篇文章主要介紹了使用Ajax技術(shù)通過(guò)XMLHttpRequest對(duì)象完成首頁(yè)登錄功能,很不錯(cuò)的嘗試,需要的朋友可以參考下2014-08-08
AJAX實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺(tái)】
這篇文章主要介紹了AJAX實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作,結(jié)合實(shí)例形式詳細(xì)分析了ajax結(jié)合java后臺(tái)實(shí)現(xiàn)數(shù)據(jù)庫(kù)增刪改查相關(guān)操作技巧,需要的朋友可以參考下2020-06-06
往xml中更新節(jié)點(diǎn)的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇往xml中更新節(jié)點(diǎn)的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法...2007-04-04
仿google搜索提示 SuggestFramework的使用
使用幫助(英文版翻譯而來(lái),可能有錯(cuò)誤,請(qǐng)大家仔細(xì)核對(duì),也希望對(duì)新手理解能有所幫助)2008-09-09

