憨厚生

在《Pragmatic AJAX中文問題 A Web 2.0 Primer 》中偶然看到對readyStae狀態(tài)的介紹，感覺這個(gè)介紹很實(shí)在，摘譯如下：

 0: (Uninitialized) the send( ) method has not yet been invoked. 
 1: (Loading) the send( ) method has been invoked, request in progress. 
 2: (Loaded) the send( ) method has completed, entire response received.
 3: (Interactive) the response is being parsed. 
 4: (Completed) the response has been parsed, is ready for harvesting. 

 0 － （未初始化）還沒有調(diào)用send()方法
 1 － （載入）已調(diào)用send()方法，正在發(fā)送請求
 2 － （載入完成）send()方法執(zhí)行完成，已經(jīng)接收到全部響應(yīng)內(nèi)容
 3 － （交互）正在解析響應(yīng)內(nèi)容
 4 － （完成）響應(yīng)內(nèi)容解析完成，可以在客戶端調(diào)用了

對于readyState的這五種狀態(tài)，其他書中大都語焉不詳。像《Foundations of AJAX中文問題》中，只在書中的表2-2簡單地列舉了狀態(tài)的“名稱”－－The state of the request. The five possible values are 0 = uninitialized, 1 = loading, 2 = loaded, 3 = interactive, and 4 = complete。而《Ajax in Action》中好像根本就沒有提到這5種狀態(tài)的細(xì)節(jié)。《Professional AJAX中文問題》中雖不盡人意，但還是有可取之處：

There are five possible values for readyState: 
0 (Uninitialized): The object has been created but the open() method hasn’t been called. 
1 (Loading): The open() method has been called but the request hasn’t been sent. 
2 (Loaded): The request has been sent. 
3 (Interactive). A partial response has been received. 
4 (Complete): All data has been received and the connection has been closed. 

readyState有五種可能的值：
0 (未初始化)： (XMLHttpRequest)對象已經(jīng)創(chuàng)建，但還沒有調(diào)用open()方法。
1 (載入)：已經(jīng)調(diào)用open() 方法，但尚未發(fā)送請求。
2 (載入完成)： 請求已經(jīng)發(fā)送完成。
3 (交互)：可以接收到部分響應(yīng)數(shù)據(jù)。
4 (完成)：已經(jīng)接收到了全部數(shù)據(jù)，并且連接已經(jīng)關(guān)閉。

在《Understanding AJAX中文問題: Using JavaScript to Create Rich Internet Applications》中，則用下表進(jìn)行了說明：

根據(jù)以上幾本書中的關(guān)于readyState五種狀態(tài)的介紹，我認(rèn)為還是《Pragmatic AJAX中文問題 A Web 2.0 Primer 》比較到位，因?yàn)樗岬搅藢邮盏降臄?shù)據(jù)的解析問題，其他書中都沒有提到這一點(diǎn)，而這一點(diǎn)正是“(3)交互”階段作為一個(gè)必要的轉(zhuǎn)換過程存在于“(2)載入完成”到“(4)完成”之間的理由，也就是其任務(wù)是什么。歸結(jié)起來，我覺得比較理想的解釋方法應(yīng)該以“狀態(tài)：任務(wù)（目標(biāo)）+過程+表現(xiàn)（或特征）”表達(dá)模式來對這幾個(gè)狀態(tài)進(jìn)行定義比較準(zhǔn)確，而且讓人容易理解。現(xiàn)試總結(jié)如下：

概而括之，整個(gè)XMLHttpRequest對象的生命周期應(yīng)該包含如下階段：
創(chuàng)建－初始化請求－發(fā)送請求－接收數(shù)據(jù)－解析數(shù)據(jù)－完成

在具體應(yīng)用中，明確了readyState的五個(gè)狀態(tài)（XMLHttpRequest對象的生命周期各個(gè)階段）的含義，就可以消除對Ajax核心的神秘感（語焉不詳?shù)谋澈笠词枪逝摚圃焐衩馗校灰淳褪?#8220;以其昏昏，使人昭昭”），迅速把握其實(shí)質(zhì)，對減少學(xué)習(xí)中的挫折感和增強(qiáng)自信心都極其有益。

比如，通過如下示例：

//聲明數(shù)組
var states ＝ [“正在初始化……”,
“正在初始化請求……成功！
正在發(fā)送請求……”,
“成功！
正在接收數(shù)據(jù)……”,
“完成！
正在解析數(shù)據(jù)……”,
“完成！
”];
//回調(diào)函數(shù)內(nèi)部代碼片段
if (xmlHttp.readyState==4)
{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);
if (xmlHttp.status == 200)
{
var xmldoc = xmlHttp.responseXML;
//其他代碼
}
//別忘記銷毀，防止內(nèi)存泄漏
xmlHttp = null;
}else{
var span = document.createElement(“span”);
span.innerHTML = states[xmlHttp.readyState];
document.body.appendChild(span);
}

結(jié)果如下：

正在初始化請求……成功！
正在發(fā)送請求……成功！
正在接收數(shù)據(jù)……完成！
正在解析數(shù)據(jù)……完成！

我們很容易明白XMLHttpRequest對象在各個(gè)階段都在做什么。因此，也就很容易對Ajax的核心部分有一個(gè)真正簡單明了的理解。

本博PS：readyState一般用在異步請求時(shí)程序響應(yīng)的判斷，Iframe， javaScript腳本同樣適用,參考另一篇文章：http://d-tune.javaeye.com/blog/506074

文章出處：http://www.cn-cuckoo.com/2007/07/16/the-details-for-five-states-of-readystate-9.html