AJax 學(xué)習(xí)筆記二(onreadystatechange的作用)
更新時(shí)間:2010年04月24日 14:39:45 作者:
初次接觸onreadystatechange這個(gè)事件句柄不知道有何用處,看過(guò)一篇文章的介紹之后,終有大致所了解。
當(dāng)發(fā)送一個(gè)請(qǐng)求后,客戶(hù)端無(wú)法確定什么時(shí)候會(huì)完成這個(gè)請(qǐng)求,所以需要用事件機(jī)制來(lái)捕獲請(qǐng)求的狀態(tài)XMLHttpRequest對(duì)象提供了onreadyStateChange事件實(shí)現(xiàn)這一功能。這類(lèi)似于回調(diào)函數(shù)的做法。onreadyStateChange事件可指定一個(gè)事件處理函數(shù)來(lái)處理XMLHttpRequest對(duì)象的執(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)前請(qǐng)求的狀態(tài),在事件處理程序中可以根據(jù)這個(gè)值來(lái)進(jìn)行不同的處理。 readyState有五種可取值0:尚未初始化,1:正在加載,2:加載完畢,3:正在處理;4:處理完畢。一旦readyState屬性的值變成了4,就可以從服務(wù)器返回的響應(yīng)數(shù)據(jù)進(jìn)行訪問(wèn)了。
通常在事件中判斷readyState的值是在請(qǐng)求完畢時(shí)才做處理,如:
function changeTabCallBack(){
if(ajaxObj.readyState==4){
// 下一步驗(yàn)證
}
}
Status存儲(chǔ)了服務(wù)器端返回的Http請(qǐng)求響應(yīng)代碼,它表示請(qǐng)求的處理結(jié)果,常見(jiàn)響應(yīng)代碼的含義如右。
在Ajax開(kāi)發(fā)中,最常用就是200這個(gè)響應(yīng)碼,代碼如下
function changeTabCallBack(){
if(ajaxObj.readyState==4){
if(ajaxObj.status==200){
// 服務(wù)端返回了正確數(shù)據(jù),開(kāi)始響應(yīng)處理
}
}
}
Http狀態(tài)碼 含義
200 請(qǐng)求成功
202 請(qǐng)求被接受但處理未完成
400 錯(cuò)誤請(qǐng)求
404 請(qǐng)求資源未找到
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)前請(qǐng)求的狀態(tài),在事件處理程序中可以根據(jù)這個(gè)值來(lái)進(jìn)行不同的處理。 readyState有五種可取值0:尚未初始化,1:正在加載,2:加載完畢,3:正在處理;4:處理完畢。一旦readyState屬性的值變成了4,就可以從服務(wù)器返回的響應(yīng)數(shù)據(jù)進(jìn)行訪問(wèn)了。
通常在事件中判斷readyState的值是在請(qǐng)求完畢時(shí)才做處理,如:
復(fù)制代碼 代碼如下:
function changeTabCallBack(){
if(ajaxObj.readyState==4){
// 下一步驗(yàn)證
}
}
Status存儲(chǔ)了服務(wù)器端返回的Http請(qǐng)求響應(yīng)代碼,它表示請(qǐng)求的處理結(jié)果,常見(jiàn)響應(yīng)代碼的含義如右。
在Ajax開(kāi)發(fā)中,最常用就是200這個(gè)響應(yīng)碼,代碼如下
復(fù)制代碼 代碼如下:
function changeTabCallBack(){
if(ajaxObj.readyState==4){
if(ajaxObj.status==200){
// 服務(wù)端返回了正確數(shù)據(jù),開(kāi)始響應(yīng)處理
}
}
}
Http狀態(tài)碼 含義
200 請(qǐng)求成功
202 請(qǐng)求被接受但處理未完成
400 錯(cuò)誤請(qǐng)求
404 請(qǐng)求資源未找到
500 內(nèi)部服務(wù)器錯(cuò)誤
您可能感興趣的文章:
- IE關(guān)閉時(shí)判斷及AJAX注銷(xiāo)案例學(xué)習(xí)
- Ajax與JSON的一些學(xué)習(xí)總結(jié)
- 那些年,我還在學(xué)習(xí)Ajax 學(xué)習(xí)筆記
- jquery中ajax學(xué)習(xí)筆記4
- jquery中ajax學(xué)習(xí)筆記3
- 從零開(kāi)始學(xué)習(xí)jQuery (六) jquery中的AJAX使用
- AJax 學(xué)習(xí)筆記一(XMLHTTPRequest對(duì)象)
- Jquery Ajax學(xué)習(xí)實(shí)例 向頁(yè)面發(fā)出請(qǐng)求,返回XML格式數(shù)據(jù)
- 揭開(kāi)AJAX神秘的面紗(AJAX個(gè)人學(xué)習(xí)筆記)
- Ajax學(xué)習(xí)全套(最全最經(jīng)典)
相關(guān)文章
如何利用Ajax實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)詳解
這篇文章主要給大家介紹了關(guān)于如何利用Ajax實(shí)現(xiàn)地區(qū)三級(jí)聯(lián)動(dòng)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12PHP Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯
本篇文章主要介紹了Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯的方法,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-05-05Ajax 程序開(kāi)發(fā)中常見(jiàn)問(wèn)題
Ajax 程序開(kāi)發(fā)中常見(jiàn)問(wèn)題,利用大家快點(diǎn)的找到問(wèn)題所在,快速解決問(wèn)題。2009-08-08有關(guān)ajax的error與后臺(tái)的異常問(wèn)題解決
這篇文章主要介紹了關(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)度了?這在一些長(zhǎng)時(shí)間的請(qǐng)求中尤其重要,比如上傳文件、發(fā)送郵件、批量處理數(shù)據(jù)。2010-06-06Ajax在請(qǐng)求過(guò)程中顯示進(jìn)度的簡(jiǎn)單實(shí)現(xiàn)
ajax技術(shù)在web應(yīng)用中使用非常頻繁,本文以asp.net MVC為示例,提供一種簡(jiǎn)單的實(shí)現(xiàn)方式。ajax在請(qǐng)求過(guò)程中顯示進(jìn)度條,是怎么實(shí)現(xiàn)的呢?本文通過(guò)代碼和文字說(shuō)明相結(jié)合的方式分享給大家。2015-09-09