ajax 入門基礎之 XMLHttpRequest物件總結

才智咖 人氣:2.99W

ajax 入門基礎之 XMLHttpRequest物件總結

ajax 入門基礎之 XMLHttpRequest物件總結

XMLHttpRequest 提供客戶端同http服務器通訊的協議

一:建立

IE : http_request = new ActiveXObject("TTP");

http_request = new ActiveXObject("TTP");

非IE: http_request = new XMLHttpRequest();

二:onreadystatechange

指定當readyState屬性改變時的事件處理控制代碼

語法

http_request adystatechange = funcMyHandler;

三:readyState

返回XMLHTTP請求的當前狀態

變數,此屬性只讀,狀態用長度為4的整型表示.定義如下:

0 (未初始化) 物件已建立,但是尚未初始化(尚未呼叫open方法)

1 (初始化) 物件已建立,尚未呼叫send方法

2 (傳送資料) send方法已呼叫,但是當前的狀態及http頭未知

3 (資料傳送中) 已接收部分資料,因為響應及http頭不全,這時通過responseBody和responseText獲取部分資料會出現錯誤,

4 (完成) 資料接收完畢,此時可以通過通過responseBody和responseText獲取完整的迴應資料

四:responseBody

返回某一格式的伺服器響應資料

五:responseStream

以Ado Stream物件的形式返回響應信

六:responseText

將響應資訊作為字串返回

備註

變數,此屬性只讀,將響應資訊作為字串返回。

XMLHTTP嘗試將響應資訊解碼為Unicode字串,XMLHTTP預設將響應資料的編碼定為UTF-8,如果伺服器返回的資料帶BOM(byte -order mark),XMLHTTP可以解碼任何UCS-2 (big or little endian)或者UCS-4 資料。注意,如果伺服器返回的.是xml文件,此屬性並不處理xml文件中的編碼宣告。你需要使用responseXML來處理。

七:responseXML 將響應資訊格式化為Xml Document物件並返回

備註

變數,此屬性只讀,將響應資訊格式化為Xml Document物件並返回。如果響應資料不是有效的XML文件,此屬性本身不返回XMLDOMParseError,可以通過處理過的DOMDocument物件獲取錯誤資訊。

八:status 返回當前請求的http狀態碼

長整形標準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狀態碼,此屬性僅當資料傳送並接收完畢後才可獲取。

九:xmlhttprequest:statusText成員

statusText

返回當前請求的響應行狀態

十:abort()方法

取消當前請求

十一:getallresponseheaders()方法

獲取響應的所有http頭

備註

每個http頭名稱和值用冒號分割,並以rn結束。當send方法完成後才可呼叫該方法。

十二:getResponseHeader 從響應資訊中獲取指定的http頭

例:

esponseHeader("Server");

輸出http頭中的server列:當前web伺服器的版本及名稱。

備註

當send方法成功後才可呼叫該方法。如果伺服器返回的文件型別為"text/xml", 則這句話esponseHeader("Content-Type");將返回字串"text/xml"。可以使用 getAllResponseHeaders方法獲取完整的http頭資訊。

十三:open()方法 建立一個新的http請求,並指定此請求的方法、URL以及驗證資訊

語法

(strMethod, strUrl, blnAsync, strUser, strPassword);

引數

strMethod

http方法,例如:POST、GET、PUT及PROPFIND。大小寫不敏感。

strUrl

請求的URL地址,可以為絕對地址也可以為相對地址。

blnAsync[可選]

布林型,指定此請求是否為非同步方式,預設為true。如果為真,當狀態改變時會呼叫onreadystatechange屬性指定的回撥函式。

async是一個布林值。如果是非同步通訊方式(true),客戶機就不等待伺服器的響應;如果是同步方式(false),客戶機就要等到伺服器返回訊息後才去執行其他操作。我們需要根據實際需要來指定同步方式,在某些頁面中,可能會發出多個請求,甚至是有組織有計劃有隊形大規模的高強度的request,而後一個是會覆蓋前一個的,這個時候當然要指定同步方式:Flase。

strUser[可選]

如果伺服器需要驗證,此處指定使用者名稱,如果未指定,當伺服器需要驗證時,會彈出驗證視窗。

strPassword[可選]

驗證資訊中的密碼部分,如果使用者名稱為空,則此值將被忽略。

備註

呼叫此方法後,可以呼叫send方法向伺服器傳送資料。

十四:send()方法

傳送請求到http伺服器並接收回應

(varBody);

引數

varBody

欲通過此請求傳送的資料。

備註

此方法的同步或非同步方式取決於open方法中的bAsync引數,如果bAsync == False,此方法將會等待請求完成或者超時時才會返回,如果bAsync == True,此方法將立即返回。

十五:setRequestHeader 單獨指定請求的某個http頭

Example:

複製程式碼 程式碼如下:

var http_request= false;

function send_request(url)

{ ///初始化、指定處理函式、傳送請求的函式

if (ttpRequest) //Mozila

{

http_request = new XMLHttpRequest();

if (http_rideMimeType)

{

http_rideMimeType("text/xml");

}

}

else

if (veXobject) //IE

{

try

{

http_request = new ActiveXObject("TTP");

}

catch (e)

{

try{

http_request = new ActiveXObject("TTP");

}

catch (e) { }

}

}

if (!http_request) // 異常,建立物件例項失敗

{

alert("不能建立XMLHttpRequest例項!!");

return false;

}

// 指定當伺服器返回資訊時客戶端的處理方式

http_adystatechange = processRequest;

// 確定傳送請求的方式和URL以及是否同步執行下段程式碼

http_("GET",url,true);

http_(null);

}

//***********************

function processRequest()

{

if (http_yState == 4) // 判斷物件狀態

{

if (http_us == 200) // 請求結果已經成功返回

{

alert(http_onseBody);

var a = lementById("hh")rText;

if (a =="1")

{

alert("不可用!!");

}

}

else //頁面不正常

{

alert("你請求的頁面不正常");

}

}

}

// *************************

function userCheck()

{

var f = 1;

var userName = e;

if (userName == "")

{

alert("使用者名稱不能為空!!");

s();

return false;

}

else

{

send_request(")

}

}

TAGS:Ajax