Ajax 學習筆記(二)

今天看了XMLHttpRequest 的屬性:

onreadystatechange

//當改變狀態時都會觸發這個事件,通常會調用 JavaScript 函數.

//狀態有5個值:　0:未初始化.　 1:正在載入.　 2:已載入.　　3:互動中.　 4:完成.

responseTest

//伺服器的響應,表示為一個串.

responseXML

//伺服器的響應,表示為 XML

status

//伺服器HTTP的狀態編號　(　200 對應OK,404 對應沒有找到.　 還有很多,大家可以上

網找找.........................)

statusTest　　　　

//伺服器HTTP的狀態文本　( OK,Not Found.　 還有很多,大家可以上網找

找.........................)

=============================================================================

=

一個簡單的例子:

用戶端觸發一個AJAX事件.

<input type="text" id="email" name="發送郵件" onblur="validateemail()";>

=========================================================

下面是 validateemail 函數:

　　var xmlHttp;
　　function validataemail()
　　{
　　var email=document.getElemenById("email");
　　var url="validate?email=" + escape (email.value);
　　if (window.ActiveXObject)
　　{
　　 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
　　}
　　else if(window.XMLHttpRequest)
　　 {
　　xmlHttp=new XMLHttpRequest
　　}
　　 xmlHttp.open("GET",url);
　　 xmlHttp.onreadystatechange=callback;
　　 xmlHttp.send(null);
　　}
　　'***********************************************************************/
'* Function Name: callback　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 */
'* Input Arguments:　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 */
'* Out Arguments :　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
'* :　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/
'* Description :檢查 XMLHttpRequest 的 readyState 屬性,　　 看伺服器返回的狀態代碼.　　　　　　　　　　　　　　　　　　　　　　　　*/
'* Author :　　　　　　　　　　　　　　　　　　　　　　 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */
'* Date : 2006-11-30　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
'***********************************************************************/
　　
function callback()
　　
{
　　
if (xmlHttp.readyState==4)
　　
{
　　
if (xmlHttp.status==200)
　　
{
　　
//做你想做的事.
　　
}
　　
}
　　
}