AJax 学习笔记二(onreadystatechange的作用)
程序员文章站
2022-03-14 10:40:15
当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态xmlhttprequest对象提供了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 内部服务器错误
复制代码 代码如下:
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 内部服务器错误
下一篇: 爆逗二货猛戳你笑点儿
推荐阅读
-
C#线程学习笔记二:线程池中的工作者线程
-
PHP面向对象学习笔记之二 生成对象的设计模式
-
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
-
Linux学习笔记(二):文件目录管理和VIM编辑器的使用
-
NetCore学习笔记:二、基于Dapper的泛型Repository
-
Ajax学习笔记---3种Ajax的实现方法【推荐】
-
Spring学习笔记第二天,Spring基于xml或注解的IOC以及IOC的案例
-
荐 javascript从入门到跑路-----小文的js学习笔记(18 —1)------作用域以及作用域链
-
Ruby学习笔记二帮助生成Vim添加代码头的代码
-
python web学习笔记二---Django框架应用和基本运行方式(基础的用户登录)