Welcome

首页 / 脚本样式 / Ajax / Ajax 学习笔记(二)

Ajax 学习笔记(二)2008-05-08今天看了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)

{

//做你想做的事.

}

}

}