- 相關(guān)推薦
ajax 入門(mén)基礎之 XMLHttpRequest對象總結
ajax 入門(mén)基礎之 XMLHttpRequest對象總結
XMLHttpRequest 提供客戶(hù)端同http服務(wù)器通訊的協(xié)議
一：創(chuàng )建
IE : http_request = new ActiveXObject("Msxml2.XMLHTTP");
http_request = new ActiveXObject("Microsoft.XMLHTTP");
非IE: http_request = new XMLHttpRequest();
二：onreadystatechange
指定當readyState屬性改變時(shí)的事件處理句柄
語(yǔ)法
http_request .onreadystatechange = funcMyHandler;
三：readyState
返回XMLHTTP請求的當前狀態(tài)
變量，此屬性只讀，狀態(tài)用長(cháng)度為4的整型表示.定義如下：
0 (未初始化) 對象已建立，但是尚未初始化（尚未調用open方法）
1 (初始化) 對象已建立，尚未調用send方法
2 (發(fā)送數據) send方法已調用，但是當前的狀態(tài)及http頭未知
3 (數據傳送中) 已接收部分數據，因為響應及http頭不全，這時(shí)通過(guò)responseBody和responseText獲取部分數據會(huì )出現錯誤，
4 (完成) 數據接收完畢,此時(shí)可以通過(guò)通過(guò)responseBody和responseText獲取完整的回應數據
四：responseBody
返回某一格式的服務(wù)器響應數據
五：responseStream
以Ado Stream對象的形式返回響應信
六：responseText
將響應信息作為字符串返回
備注
變量，此屬性只讀，將響應信息作為字符串返回。
XMLHTTP嘗試將響應信息解碼為Unicode字符串，XMLHTTP默認將響應數據的編碼定為UTF-8，如果服務(wù)器返回的數據帶BOM(byte -order mark)，XMLHTTP可以解碼任何UCS-2 (big or little endian)或者UCS-4 數據。注意，如果服務(wù)器返回的是xml文檔，此屬性并不處理xml文檔中的編碼聲明。你需要使用responseXML來(lái)處理。
七：responseXML 將響應信息格式化為Xml Document對象并返回
備注
變量，此屬性只讀，將響應信息格式化為Xml Document對象并返回。如果響應數據不是有效的XML文檔，此屬性本身不返回XMLDOMParseError，可以通過(guò)處理過(guò)的DOMDocument對象獲取錯誤信息。
八：status 返回當前請求的http狀態(tài)碼
長(cháng)整形標準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
備注
長(cháng)整形，此屬性只讀，返回當前請求的http狀態(tài)碼,此屬性?xún)H當數據發(fā)送并接收完畢后才可獲取。
九：xmlhttprequest:statusText成員
statusText
返回當前請求的響應行狀態(tài)
十：abort()方法
取消當前請求
十一：getallresponseheaders()方法
獲取響應的所有http頭
備注
每個(gè)http頭名稱(chēng)和值用冒號分割，并以rn結束。當send方法完成后才可調用該方法。
十二：getResponseHeader 從響應信息中獲取指定的http頭
例：
xmlhttp.getResponseHeader("Server");
輸出http頭中的server列：當前web服務(wù)器的版本及名稱(chēng)。
備注
當send方法成功后才可調用該方法。如果服務(wù)器返回的文檔類(lèi)型為"text/xml", 則這句話(huà)xmlhttp.getResponseHeader("Content-Type");將返回字符串"text/xml"�？梢允褂� getAllResponseHeaders方法獲取完整的http頭信息。
十三：open()方法 創(chuàng )建一個(gè)新的http請求，并指定此請求的方法、URL以及驗證信息
語(yǔ)法
XMLHttpRequest.open(strMethod, strUrl, blnAsync, strUser, strPassword);
參數
strMethod
http方法，例如：POST、GET、PUT及PROPFIND。大小寫(xiě)不敏感。
strUrl
請求的URL地址，可以為絕對地址也可以為相對地址。
blnAsync[可選]
布爾型，指定此請求是否為異步方式，默認為true。如果為真，當狀態(tài)改變時(shí)會(huì )調用onreadystatechange屬性指定的回調函數。
async是一個(gè)布爾值。如果是異步通信方式(true)，客戶(hù)機就不等待服務(wù)器的響應；如果是同步方式(false)，客戶(hù)機就要等到服務(wù)器返回消息后才去執行其他操作。我們需要根據實(shí)際需要來(lái)指定同步方式，在某些頁(yè)面中，可能會(huì )發(fā)出多個(gè)請求，甚至是有組織有計劃有隊形大規模的高強度的request，而后一個(gè)是會(huì )覆蓋前一個(gè)的，這個(gè)時(shí)候當然要指定同步方式：Flase。
strUser[可選]
如果服務(wù)器需要驗證，此處指定用戶(hù)名，如果未指定，當服務(wù)器需要驗證時(shí)，會(huì )彈出驗證窗口。
strPassword[可選]
驗證信息中的密碼部分，如果用戶(hù)名為空，則此值將被忽略。
備注
調用此方法后，可以調用send方法向服務(wù)器發(fā)送數據。
十四：send()方法
發(fā)送請求到http服務(wù)器并接收回應
XMLHttpRequest.send(varBody);
參數
varBody
欲通過(guò)此請求發(fā)送的數據。
備注
此方法的同步或異步方式取決于open方法中的bAsync參數，如果bAsync == False，此方法將會(huì )等待請求完成或者超時(shí)時(shí)才會(huì )返回，如果bAsync == True，此方法將立即返回。
十五：setRequestHeader 單獨指定請求的某個(gè)http頭
Example:
復制代碼 代碼如下:
var http_request= false;
function send_request(url)
{ ///初始化、指定處理函數、發(fā)送請求的函數
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 )建對象實(shí)例失敗
{
alert("不能創(chuàng )建XMLHttpRequest實(shí)例��！");
return false;
}
// 指定當服務(wù)器返回信息時(shí)客戶(hù)端的處理方式
http_request.onreadystatechange = processRequest;
// 確定發(fā)送請求的方式和URL以及是否同步執行下段代碼
http_request.open("GET",url,true);
http_request.send(null);
}
//***********************
function processRequest()
{
if (http_request.readyState == 4) // 判斷對象狀態(tài)
{
if (http_request.status == 200) // 請求結果已經(jīng)成功返回
{
alert(http_request.responseBody);
var a = document.getElementById("hh").innerText;
if (a =="1")
{
alert("不可用��！");
}
}
else //頁(yè)面不正常
{
alert("你請求的頁(yè)面不正常");
}
}
}
// *************************
function userCheck()
{
var f = document.Form1;
var userName = f.username.value;
if (userName == "")
{
alert("用戶(hù)名不能為空��！");
f.username.focus();
return false;
}
else
{
send_request("alert.aspx?username="+userName)
}
}
【ajax 入門(mén)基礎之 XMLHttpRequest對象總結】相關(guān)文章：
零基礎學(xué)習AJAX之制作自動(dòng)校驗的表單問(wèn)題07-25
聲樂(lè )入門(mén)基礎10-09
股票入門(mén)基礎知識之股票名詞解釋01-23
圍棋基礎入門(mén)知識06-01
街舞基礎的入門(mén)教學(xué)07-26
seo基礎入門(mén)知識08-22
股票入門(mén)基礎知識之研判熱點(diǎn)的持續性09-07
網(wǎng)球入門(mén)的基礎知識09-08