java学习经验 Ajax 学习笔记

来源: 作者: 2007-12-01 出处:pcdog.com

ajax  javascript  xml  

今天看了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)

                  {

                          //做你想做的事.

                  }

          }

}


更多内容请看PCdog.com--Ajax技术  JAVA和.Net开发专题
上一篇:70个流行的AJAX应用的演示和源码下载
下一篇:AJAX和Web开发新技术DynamicFaces简介