|
|
document.onreadystatechange=function() { if(document.readyState == 'complete'){ showDialog('來自網頁的消息','用戶名或密碼錯誤，請重新輸入！','warning'); } };
問題解決，一切OK!
復制代碼 代碼如下:
document.onreadystatechange = subSomething;//當頁面加載狀態改變的時候執行這個方法.
function subSomething()
{
if(document.readyState == "complete"){ //當頁面加載狀態為完全結束時進入
//你要做的操作。
}
}
說明 ：onreadystatechange 事件能辨識readyState 屬性的改變。
關于onreadystatechange屬性的一點疑問
在編寫Ajax方法的時候，我們經常會寫上類似于這樣的代碼：
復制代碼 代碼如下:
<script type="text/Javascript">
var xmlHttp;
//創建一個XmlHttpRequeset對象
function createXMLHttpRequest()...{
if(window.ActiveXObject)...{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)...{
xmlHttp = new XMLHttpRequest();
}
}
//開始一個請求
function startRequest()...{
createXMLHttpRequest();
xmlHttp.onreadystatechange = handlestatechange;
xmlHttp.open("GET", "SimpleRespose.xml", true);
xmlHttp.Send(null);
}
function handlestatechange()...{
if(xmlHttp.readyState == 4)...{//描述一種"已加載"狀態；此時，響應已經被完全接收。
if(xmlHttp.status == 200)...{//200表示成功收到
alert("The Server Replied with:" + xmlHttp.responseText)
}
}
}
</script>
第一次閱讀這段代碼的時候，我就感到了一點點不對勁，但是說不出來什么地方不對勁。隨著對Ajax代碼的進一步了解，這種感覺時刻伴隨著我。
后來，我知道了這種感覺來自于什么地方。
看看startRequest函數。我們發現xmlHttp.onreadystatechange指向了一個函數，這個函數是在xmlHttpRequest.readyState發生改變的時候觸發。我們再來看startRequest函數，想象一下整個請求發送的步驟。現在我們點擊一個按鈕，觸發了一個startRequest函數。函數往下走，第一步是createXmlHttpRequest()，它的作用是創建一個xmlHttpRequest對象，當它完畢的時候，xmlHttpRequest.readyState的值是0(window.alert跟蹤得到的)，程序繼續往下走，xmlHttp.onreadystatechange = handlestatechange，因為狀態沒有改變(xmlHttpRequest.readyState的值是0)，所以不觸發函數，緊接著是Open()和Send()，那么，整個函數從頭到尾都應該沒有觸發handlestatechange函數啊，但是為什么出來的結果是正確的呢？
后來我用window.alert跟蹤xmlHttp.readystate的變化，發現于原來它運行的機制是這樣的。首先創建一個xmlHttpRequest的對象之后xmlHttp.readyState的值是0了，然后xmlHttp.onreadystatechange = handlestatechange沒有運行。緊接著是open()，這個函數發生了之后xmlHttp.readyState的值是1了，那么就會有一個斷點在Open()函數處斷開，保留現場，緊接著又返回到xmlHttp.onreadystatechange = handlestatechange運行，然后再執行Send()函數，這個函數發生了之后xmlHttp.readyState的值是2了，接著又返回到xmlHttp.onreadystatechange = handlestatechange運行。以此類推。
瀏覽器因為不能真正地像面向對象那么編程，所以找了個折衷的辦法，但是這個辦法看起來不倫不類，想了半天，再跟一個同學一起討論，才得出這樣的一個結果。
JavaScript技術：document.onreadystatechange事件的用法分析，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
