java学习经验 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)

                  {

                          //做你想做的事.

                  }

          }

}

 

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3