手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >AJax 学习笔记二(onreadystatechange的作用)
AJax 学习笔记二(onreadystatechange的作用)
摘要:当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了onread...

当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态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的作用)】相关文章:

Jquery Ajax请求方法小结(值得收藏)

Ajax学习笔记---3种Ajax的实现方法【推荐】

有关Ajax中get和post的使用问题

AjaxToolKit之Rating控件的使用方法

Ajax请求中async:false/true的作用分析

Ajax 和 Asp 的编程

菜鸟蔡之Ajax复习第二篇(JQuery中的load()方法实现Ajax功能)

Ajax 给 XMLHttpReq.onreadystatechange传递参数

DWR util.js 学习笔记 整理

将xml文件作为一个小的数据库,进行学生的增删改查的简单实例

精品推荐
分类导航