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實(shí)現(xiàn)地區(qū)三級聯(lián)動(dòng)詳解
這篇文章主要給大家介紹了關(guān)于如何利用Ajax實(shí)現(xiàn)地區(qū)三級聯(lián)動(dòng)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12PHP Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯
本篇文章主要介紹了Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯的方法,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05有關(guān)ajax的error與后臺(tái)的異常問題解決
這篇文章主要介紹了關(guān)于ajax的error與后臺(tái)的異常,需要的朋友可以參考下2014-02-02讓ajax更加友好的實(shí)現(xiàn)方法(實(shí)時(shí)顯示后臺(tái)處理進(jìn)度。)
我們能否讓ajax更加友好點(diǎn),實(shí)時(shí)顯示服務(wù)器處理的進(jìn)度了?這在一些長時(shí)間的請求中尤其重要,比如上傳文件、發(fā)送郵件、批量處理數(shù)據(jù)。2010-06-06Ajax在請求過程中顯示進(jìn)度的簡單實(shí)現(xiàn)
ajax技術(shù)在web應(yīng)用中使用非常頻繁,本文以asp.net MVC為示例,提供一種簡單的實(shí)現(xiàn)方式。ajax在請求過程中顯示進(jìn)度條,是怎么實(shí)現(xiàn)的呢?本文通過代碼和文字說明相結(jié)合的方式分享給大家。2015-09-09