首页 > Web开发 > 详细

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

时间:2016-01-27 12:59:19      阅读:158      评论:0      收藏:0      [点我收藏+]

 

当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态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 学习笔记二(onreadystatechange的作用)

原文:http://www.cnblogs.com/Harlem2015/p/5162770.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!