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

戮官踊门85l

戮官踊门85l

2016-02-19 10:39

下面这个AJax 学习笔记二(onreadystatechange的作用)教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!
当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态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 内部服务器错误
展开更多 50%)
分享

猜你喜欢

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

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

Ajax里的onreadystatechange的作用

Web开发
Ajax里的onreadystatechange的作用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Ajax 框架学习笔记

Web开发
Ajax 框架学习笔记

java学习经验 Ajax 学习笔记

Web开发
java学习经验 Ajax 学习笔记

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AJax 学习笔记一(XMLHTTPRequest对象)

Web开发
AJax 学习笔记一(XMLHTTPRequest对象)

揭开AJAX神秘的面纱(AJAX个人学习笔记)

Web开发
揭开AJAX神秘的面纱(AJAX个人学习笔记)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

HTML5 的新的表单元素(datalist/keygen/output)使用介绍

HTML5 的新的表单元素(datalist/keygen/output)使用介绍

电脑检测不了U盘的故障排查

电脑检测不了U盘的故障排查
下拉加载更多内容 ↓