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),客戶機就要等到服務器返回消息後纔去執行其他操作。我們需要根據實際需要來指定同步方式,在某些頁面中,可能會發出多個請求,甚至是有組織有計劃有隊形大規模的高強度的est,而後一個是會覆蓋前一個的,這個時候當然要指定同步方式: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(")
}
}
相關文章
-
有關Ajax xmlHttpRequest的status的值的含義
xmlHttpRequest對象的status代表當前http請求的狀態,是一個長整型數據,現在介紹一下它的含義。http請求狀態及其含義表1xx - 信息提示100 - 初始的請求已經接受,客戶應當繼續發送請求的其餘部分。(HTTP 1.1新)101 - 服務器 -
如何實現bootstrap jquery dataTable異步ajax刷新表格數據
河南慄城律師事務所在縣、市兩級司法局的領導下在本執業年度內誠信、規範執業,在各個方面在上了一個臺階,現具體總結如下一、發揚省級文明律師事務所的模範作用,嚴於律己,牢記爲人民服務的宗旨,積極參加市、區司法局組織 -
MS SQL Server Management Studio Express安裝圖文具體步驟
Microsoft sql server Management Studio Express (SSMSE) 是一種免費、易用的圖形管理工具,用於管理 SQL Server 2005 Express Edition 和具有高級服務的 SQL Server 2005 Express Edition。SSMSE 還可以管理任何版本 -
Box Jellyfish Eyes Aim At The Trees美文欣賞
Box Jellyfish Eyes Aim At The TreesBox jellyfish have it over the rest of the jellyfish world—they have true eyes, featuring coeas, lenses and retinas. They have a more sophisticated nervous system t -
國中英語作文To Bea Computer Expert Is My Ideal
上國小的時候,家裏買了電腦作文 ,我對它迷戀極了。從此我有了一個理想,即當一名電腦專家。我要用自己的智慧和勤奮發明世界上最先進的電腦。我相信只要我努力學習,理想就一定會變成現實。To Be a Computer Expert Is My I -
Excel表格中出現"#VALUE!"錯誤信息要怎麼解決
使用Excel處理數據時,有時單元格會顯示出"#VALUE!”這樣的信息,打印時不太整齊美觀。如下圖所示:導致Excel顯示"#VALUE!”錯誤信息的原因多種多樣,您可以點擊這裏查看具體內容。如果追求版面的整潔,我們可以利用 Excel 的 -
jQuery解析XML與傳統JavaScript方法的差別
具體分析如下:1. 傳統javascript方法:var xmlDoc = onseXML;try // Build Markers, if available{ var markers = lementsByTagName("marker") ; for ( var i = 0; i < th ; i++ ) { var point = { markers[i]ttribute( -
託福英語寫作範文:Examinations exert a pernicious influence on educat
【篇一】如果今晚有吸血鬼出現在你面前,別怕,我告訴你一個咒語,一定會讓他現出原形。那就是對着他哈哈一笑,然後大喊一聲:萬聖節快樂!我們一起狂歡吧!如歸家的一刻再無南瓜車,就靠這一雙腿散步翻宿舍。目標出現。趁萬聖節之虛 -
PHP+Ajax+lottery.js抽獎
想用PHP來做一個抽獎的頁面?下面是由本站小編爲大家整理的PHP+Ajax+抽獎整個流程,喜歡的可以收藏一下!瞭解更多詳情資訊,請關注應屆畢業生考試網! 其代碼如下: 獎品列表 <div class="lottery_list -
The Best Thing That Could Ever Happen少兒雙語閱讀
Unit 3 The Best Thing That Could Ever Happen單元 3 最棒的事Three old men were sitting around and talking.三個老頭坐在一起聊天。The 80-year-old remarked, "The best thing that could happen to me would j