ajax 入門基礎之 XMLHttpRequest對象總結

時間：2024-10-03 19:13:11 AJAX 我要投稿

相關推薦

　　ajax 入門基礎之 XMLHttpRequest對象總結

ajax 入門基礎之 XMLHttpRequest對象總結

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

　　一：創建

　　IE : http_request = new ActiveXObject("Msxml2.XMLHTTP");

　　http_request = new ActiveXObject("Microsoft.XMLHTTP");

　　非IE: http_request = new XMLHttpRequest();

　　二：onreadystatechange

　　指定當readyState屬性改變時的事件處理句柄

　　語法

　　http_request .onreadystatechange = 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

　　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頭

　　例：

　　xmlhttp.getResponseHeader("Server");

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

　　備注

　　當send方法成功后才可調用該方法。如果服務器返回的文檔類型為"text/xml", 則這句話xmlhttp.getResponseHeader("Content-Type");將返回字符串"text/xml"。可以使用 getAllResponseHeaders方法獲取完整的http頭信息。

　　十三：open()方法創建一個新的http請求，并指定此請求的方法、URL以及驗證信息

　　語法

　　XMLHttpRequest.open(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服務器并接收回應

　　XMLHttpRequest.send(varBody);

　　參數

　　varBody

　　欲通過此請求發送的數據。

　　備注

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

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

　　Example:

　　復制代碼代碼如下:

　　var http_request= false;

　　function send_request(url)

　　{ ///初始化、指定處理函數、發送請求的函數

　　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) // 異常，創建對象實例失敗

　　{

　　alert("不能創建XMLHttpRequest實例！！");

　　return false;

　　}

　　// 指定當服務器返回信息時客戶端的處理方式

　　http_request.onreadystatechange = processRequest;

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

　　http_request.open("GET",url,true);

　　http_request.send(null);

　　}

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

　　function processRequest()

　　{

　　if (http_request.readyState == 4) // 判斷對象狀態

　　{

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

　　{

　　alert(http_request.responseBody);

　　var a = document.getElementById("hh").innerText;

　　if (a =="1")

　　{

　　alert("不可用！！");

　　}

　　else //頁面不正常

　　{

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

　　}

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

　　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)

　　}

【ajax 入門基礎之 XMLHttpRequest對象總結】相關文章：

使用ajax操作JavaScript對象的方法09-28

零基礎學習AJAX之制作自動校驗的表單問題07-25

股票入門基礎知識之什么是箱體理論09-26

聲樂入門基礎10-09

股票入門基礎知識之研判熱點的持續性09-07

網球入門的基礎知識09-08