主页 / 网络编程 /

AJax 学习笔记二(onreadystatechange的作用)

网络编程 2021-07-05 10:37www.168986.cn编程入门
初次接触onreadystatechange这个事件句柄不知道有何用处，看过一篇文章的介绍之后，终有大致所了解。
当发送一个请求后，客户端无法确定什么时候会完成这个请求，所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能。这类似于回调函数的做法。onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果，如
代码如下:

ajaxObj=createAjaxObject();
var url="/MyTodoes/FetchText?id="+id;
ajaxObj.open("Get",url,true);
ajaxObj.onreadyStateChange=changeTabCallBack;
ajaxObj.send(null);


看了W3C上的详解，再看看这个例子，更好理解了。

　　onreadyStateChange事件是在readyState属性发生改变时触发的，readyState的值表示了当前请求的状态，在事件处理程序中可以根据这个值来进行不同的处理。 readyState有五种可取值0尚未初始化，1正在加载，2加载完毕，3正在处理；4处理完毕。一旦readyState属性的值变成了4，就可以从服务器返回的响应数据进行访问了。
通常在事件中判断readyState的值是在请求完毕时才做处理，如
代码如下:

function changeTabCallBack(){
if(ajaxObj.readyState==4){
// 下一步验证
}
}


　　Status存储了服务器端返回的Http请求响应代码，它表示请求的处理结果，常见响应代码的含义如右。
在Ajax开发中，最常用就是200这个响应码，代码如下
代码如下:

function changeTabCallBack(){
if(ajaxObj.readyState==4){
if(ajaxObj.status==200){
// 服务端返回了正确数据，开始响应处理
}
}
}


Http状态码 含义
200 请求成功
202 请求被接受但处理未完成
400 错误请求
404 请求资源未找到
500 内部服务器错误
上一篇：Ajax使用杂谈 也许也是乱弹 下一篇：AJax 学习笔记一(XMLHTTPRequest对象)

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by