首页 / 脚本样式 / Ajax / Ajax 学习笔记(二)
Ajax 学习笔记(二)2008-05-08今天看了XMLHttpRequest 的属性:onreadystatechange//当改变状态时都会触发这个事件,通常会调用 JavaScript 函数.//状态有5个值: 0:未初始化. 1:正在加载. 2:已加载. 3:交互中. 4:完成.responseTest//服务器的响应,表示为一个串.responseXML//服务器的响应,表示为 XMLstatus//服务器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)
{
//做你想做的事.
}
}
}