AJax 学习笔记二(onreadystatechange的作用)
2010-04-24 14:39
429 查看
当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态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 内部服务器错误
复制代码 代码如下:
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的作用)
- AjAx使用方法四步骤,创建,打开,发送,onreadystatechange
- AJax学习笔记二(onreadystatechange的作用)
- Spring MVC学习笔记:web.xml中load-on-startup的作用
- Ajax里的onreadystatechange的作用
- odoo10学习笔记四:onchange、唯一性约束
- Android 学习笔记之实时保存数据-现场保护onSaveInstanceState()
- Ajax里的onreadystatechange的作用
- 关于js中的onreadystatechange学习笔记
- Ajax里的onreadystatechange的作用
- openerp学习笔记 视图中字段只变化(on_change)联动其他字段值、选择和过滤
- javascript 学习笔记(onchange等)
- Ajax里的onreadystatechange的作用
- Android 学习笔记之实时保存数据-现场保护 onSaveInstanceState()
- javascript 学习笔记(onchange等)
- Ajax里的onreadystatechange的作用是什么
- 各浏览器对link标签onload/onreadystatechange事件支持的差异分析
- Ajax里的onreadystatechange的作用是什么
- Spring MVC学习笔记:web.xml中load-on-startup的作用
- 各浏览器对link标签onload/onreadystatechange事件支持的差异分析