AJax 學(xué)習(xí)筆記二(onreadystatechange的作用)
更新時(shí)間：2010年04月24日 14:39:45 作者：
初次接觸onreadystatechange這個(gè)事件句柄不知道有何用處，看過一篇文章的介紹之后，終有大致所了解。
當(dāng)發(fā)送一個(gè)請求后，客戶端無法確定什么時(shí)候會(huì)完成這個(gè)請求，所以需要用事件機(jī)制來捕獲請求的狀態(tài)XMLHttpRequest對象提供了onreadyStateChange事件實(shí)現(xiàn)這一功能。這類似于回調(diào)函數(shù)的做法。onreadyStateChange事件可指定一個(gè)事件處理函數(shù)來處理XMLHttpRequest對象的執(zhí)行結(jié)果，如：
ajaxObj=createAjaxObject();
var url="/MyTodoes/FetchText?id="+id;
ajaxObj.open("Get",url,true);
ajaxObj.onreadyStateChange=changeTabCallBack;
ajaxObj.send(null);
看了W3C上的詳解，再看看這個(gè)例子，更好理解了。
onreadyStateChange事件是在readyState屬性發(fā)生改變時(shí)觸發(fā)的，readyState的值表示了當(dāng)前請求的狀態(tài)，在事件處理程序中可以根據(jù)這個(gè)值來進(jìn)行不同的處理。 readyState有五種可取值0：尚未初始化，1：正在加載，2：加載完畢，3：正在處理；4：處理完畢。一旦readyState屬性的值變成了4，就可以從服務(wù)器返回的響應(yīng)數(shù)據(jù)進(jìn)行訪問了。
通常在事件中判斷readyState的值是在請求完畢時(shí)才做處理，如：
function changeTabCallBack(){
if(ajaxObj.readyState==4){
// 下一步驗(yàn)證
}
}
Status存儲(chǔ)了服務(wù)器端返回的Http請求響應(yīng)代碼，它表示請求的處理結(jié)果，常見響應(yīng)代碼的含義如右。
在Ajax開發(fā)中，最常用就是200這個(gè)響應(yīng)碼，代碼如下
function changeTabCallBack(){
if(ajaxObj.readyState==4){
if(ajaxObj.status==200){
// 服務(wù)端返回了正確數(shù)據(jù)，開始響應(yīng)處理
}
}
}
Http狀態(tài)碼 含義
200 請求成功
202 請求被接受但處理未完成
400 錯(cuò)誤請求
404 請求資源未找到
500 內(nèi)部服務(wù)器錯(cuò)誤
復(fù)制代碼 代碼如下:
ajaxObj=createAjaxObject();
var url="/MyTodoes/FetchText?id="+id;
ajaxObj.open("Get",url,true);
ajaxObj.onreadyStateChange=changeTabCallBack;
ajaxObj.send(null);
看了W3C上的詳解，再看看這個(gè)例子，更好理解了。
onreadyStateChange事件是在readyState屬性發(fā)生改變時(shí)觸發(fā)的，readyState的值表示了當(dāng)前請求的狀態(tài)，在事件處理程序中可以根據(jù)這個(gè)值來進(jìn)行不同的處理。 readyState有五種可取值0：尚未初始化，1：正在加載，2：加載完畢，3：正在處理；4：處理完畢。一旦readyState屬性的值變成了4，就可以從服務(wù)器返回的響應(yīng)數(shù)據(jù)進(jìn)行訪問了。
通常在事件中判斷readyState的值是在請求完畢時(shí)才做處理，如：
復(fù)制代碼 代碼如下:
function changeTabCallBack(){
if(ajaxObj.readyState==4){
// 下一步驗(yàn)證
}
}
Status存儲(chǔ)了服務(wù)器端返回的Http請求響應(yīng)代碼，它表示請求的處理結(jié)果，常見響應(yīng)代碼的含義如右。
在Ajax開發(fā)中，最常用就是200這個(gè)響應(yīng)碼，代碼如下
復(fù)制代碼 代碼如下:
function changeTabCallBack(){
if(ajaxObj.readyState==4){
if(ajaxObj.status==200){
// 服務(wù)端返回了正確數(shù)據(jù)，開始響應(yīng)處理
}
}
}
Http狀態(tài)碼 含義
200 請求成功
202 請求被接受但處理未完成
400 錯(cuò)誤請求
404 請求資源未找到
500 內(nèi)部服務(wù)器錯(cuò)誤
您可能感興趣的文章:
- IE關(guān)閉時(shí)判斷及AJAX注銷案例學(xué)習(xí)
- Ajax與JSON的一些學(xué)習(xí)總結(jié)
- 那些年，我還在學(xué)習(xí)Ajax 學(xué)習(xí)筆記
- jquery中ajax學(xué)習(xí)筆記4
- jquery中ajax學(xué)習(xí)筆記3
- 從零開始學(xué)習(xí)jQuery (六) jquery中的AJAX使用
- AJax 學(xué)習(xí)筆記一(XMLHTTPRequest對象)
- Jquery Ajax學(xué)習(xí)實(shí)例 向頁面發(fā)出請求，返回XML格式數(shù)據(jù)
- 揭開AJAX神秘的面紗(AJAX個(gè)人學(xué)習(xí)筆記)
- Ajax學(xué)習(xí)全套(最全最經(jīng)典)
相關(guān)文章
AJAX入門之深入理解JavaScript中的函數(shù)
AJAX入門之深入理解JavaScript中的函數(shù)...2006-06-06
使用$.getJSON實(shí)現(xiàn)跨域ajax請求示例代碼
getJSON調(diào)用并獲取遠(yuǎn)程的JSON字符串，將其轉(zhuǎn)換為JSON對象，如果成功，則執(zhí)行回調(diào)函數(shù)，下面有個(gè)不錯(cuò)的示例，需要的朋友可以參考下2013-11-11
用Ajax讀取XML格式的數(shù)據(jù)...2006-11-11
本篇文章主要是對Ajax級聯(lián)菜單的實(shí)例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
基于iframe實(shí)現(xiàn)ajax跨域請求 獲取網(wǎng)頁中ajax數(shù)據(jù)
這篇文章主要介紹了基于iframe實(shí)現(xiàn)ajax跨域請求，并獲取網(wǎng)頁中ajax數(shù)據(jù)，如何利用網(wǎng)頁ajax請求暴露出來的接口去抓取網(wǎng)頁數(shù)據(jù)？需要的朋友可以參考下2016-01-01
ajax實(shí)現(xiàn)數(shù)據(jù)分頁查詢
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)數(shù)據(jù)分頁查詢的相關(guān)資料，以及ajax實(shí)現(xiàn)對數(shù)據(jù)庫的查詢，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
本人ajax留言板的源程序 不錯(cuò)的應(yīng)用js
本人ajax留言板的源程序 不錯(cuò)的應(yīng)用js...2007-09-09
layui的checbox在Ajax局部刷新下的設(shè)置方法
今天小編就為大家分享一篇layui的checbox在Ajax局部刷新下的設(shè)置方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Ajax疊加(Ajax返回?cái)?shù)據(jù)用Ajax發(fā)出)示例代碼
把參數(shù)用Ajax發(fā)送到數(shù)據(jù)庫進(jìn)行查詢?nèi)缓笥肁jax將數(shù)據(jù)發(fā)送到數(shù)據(jù)庫簽到表，于是有了下面的代碼，感興趣的朋友可以了解下，希望對大家學(xué)習(xí)ajax有所幫助2013-08-08
ajax詳解_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了ajax詳解，詳細(xì)的介紹了Ajax 簡史以及 基本用法，有興趣的可以了解一下2017-07-07