1. 程式人生 > >AJAX入門--- XMLHttpRequest物件的屬性和方法

AJAX入門--- XMLHttpRequest物件的屬性和方法

         由於剛剛接觸到Ajax對其比較陌生,而其中的XMLHttpRequest物件更是未曾聽聞。開始學之前,瞭解一下它的屬性和方法為它的使用做下鋪墊。本文重點介紹XMLHttpRequest的屬性和方法。

         XMLHttpRequest物件的屬性和事件

屬性

描述

readyState

表示XMLHttpRequest物件的狀態[1]

responseText

包含客戶端接收到的HTTP相應的文字內容[2]

responseXML

伺服器響應的XML內容對應的DOM物件[3]

status

伺服器返回http狀態碼[4]

statusText

伺服器返回狀態碼的文字資訊[5]

事件

描述

onreadystatechange

readyState屬性發生變化時觸發此事件,用於觸發回撥函式。

[1]:

狀態

名稱

描述

0

Uninitialized

初始化狀態。XMLHttpRequest 物件已建立或已被 abort() 方法重置。

1

Open

open() 方法已呼叫,但是 send() 方法未呼叫。請求還沒有被髮送。

2

Send

Send() 方法已呼叫,HTTP 請求已傳送到 Web 伺服器。未接收到響應。

3

Receiving

所有響應頭部都已經接收到。響應體開始接收但未完成。

4

Loaded

HTTP 響應已經完全接收。

[2]:readyState=4時,responseText包含完整的響應資訊。

readyState=3時,responseText包含未完整的響應資訊。

readyState<3時,responseText為空字串。

[3]:當readyState=4,並且響應頭部的Content-Type的MIME型別為XML(text/xml或application/xml)時,該屬性有值並且被解析成一個XML文件。其它情況為null,包括回傳的XML文件不良或未完成響應回傳。

[4]:如 200 表示成功,而 404 表示 "NotFound" 錯誤。當 readyState 小於 3 的時候讀取這一屬性會導致一個異常。

[5]:當狀態為 200 的時候它是"OK",當狀態為 404 的時候它是 "Not Found"。和 status 屬性一樣,當 readyState 小於 3 的時候讀取這一屬性會導致一個異常。

         XMLHttprequest物件的方法

         1.open方法

         描述:制定和伺服器互動的HTTP方法,URL地址及其他請求資訊。

         open(method,url, async, username, password) 用來進行初始化工作

         返回值:得到一個包含send()方法的物件

         method:必須。用於指定HTTP請求方法,支援所有HTTP的方法,如GET,POST,按規定

         uri:請求的伺服器的地址,自動解析成絕對地址。

         async:請求是否非同步,true表示你非同步,false表示同步,預設為true。

         username,password:可以不指定,分別表示使用者名稱和密碼,提供HTTP認證機制需要的使用者名稱和密碼。

         呼叫open後,readystate狀態為1. 

         2.send(content)方法

         描述:向伺服器發出請求,其內容可以是DOM物件,輸入流或是字串。

         呼叫open 方法後,可以呼叫send()方法來發送請求。

         當open 中async=true時,send()方法呼叫後立即返回,否則會中斷直到請求返回。

         3.abort()方法

         該方法可以暫停一個HttpRequest請求或者HttpResponse的接收,並且將XMLHttpRequest的狀態設定為初始化。

         4.setRequestHeader(header,value)方法

         該方法用來設定請求的頭部資訊。此方法需要在open方法之後呼叫。

         5.getResponseHeader()方法

         描述:返回包含HTTP的所有響應頭資訊,其中響應頭包括Content-Length,Date,URI等內容。

         當readystate>2時,該方法用來檢索響應的頭部資訊。否則返回一個空字串。

         getAllResponseHeaders()方法返回所有的HttpResponse頭部資訊。

         知道的XMLHttpRequest物件的相關知識之後,重點就是如何使用了,敬請關注我的下篇部落格《AJAX入門---五步使用XMLHttpRequest物件》