Ajax里的onreadystatechange的作用

2016-02-19 19:20 85 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Ajax里的onreadystatechange的作用,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态,XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能。这类似于回调函数的做法。

onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果,如:

ajaxObj=createAjaxObject();
var url="/MyTodoes/FetchText?id="+id;
ajaxObj.open("Get",url,true);
ajaxObj.onreadyStateChange=changeTabCallBack;
ajaxObj.send(null);

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

onreadyStateChange事件是在readyState属性发生改变时触发的,readyState的值表示了当前请求的状态,在事件处理程序中可以根据这个值来进行不同的处理。 readyState有五种可取值0:尚未初始化,1:正在加载,2:加载完毕,3:正在处理;4:处理完毕。一旦readyState属性的值变成了4,就可以从服务器返回的响应数据进行访问了。

通常在事件中判断readyState的值是在请求完毕时才做处理,如:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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 内部服务器错误

来源:http://www.tulaoshi.com/n/20160219/1620744.html

延伸阅读
牲畜的饲料 达乌里黄耆其实是一种非常好的牲畜的饲料,特别是在北方,很多农家都会将它作为驴的饲料,可能你不知道,这种植物还有一个我们不熟悉的称呼叫做“驴干粮”,所以达乌里黄耆经常是作为一种牲畜的饲料在我们日常生活中出现的,而且达乌里黄耆的生命力也是非常强健的,所以我们根本不会担心被吃完了,因为他们会很快就可以继续生...
标签: Web开发
1、参看 http://videobox-lb.sourceforge.net/ http://sourceforge.net/project/showfiles.php?group_id=203672 下载videobox 1.1.zip把它解压到asp.net项目的目录下,并用“Add New Item”新建一个Html文件用以播放视频。Html文件完整代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...
标签: Web开发
什么是反射机制 反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。 在JavaScript中利用for(…in…)语句实现反射 在JavaScript中有一个很方便的语法来实现反射,即for(…in…)语句,其语法如下: for(var p in obj){       //语句 } 这里var ...
标签: Web开发
AJAX技术是多种计算机技术的结晶,它的名称来自:Asynchronism(异步)、JavaScript、And、XML这4个单词首字母,即异步JavaScript请求处理XML技术。简单的描述就是数据异步传输网页局部刷新的技术。AJAX很流行,WEB程序设计中如果不应用AJAX技术,可以说是不完善的设计。就好象黑白电视机与彩电一样,AJAX就是后者,是一种技术更新的革命! 本人...
标签: Web开发
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。它使用:  * 使用XHTML+CSS来表示信息;  * 使用JavaScript操作DOM(Document Object Model)进行动态显示及交互;  * 使用 XML 和 XSLT 进...

经验教程

314

收藏

95
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部