`

javaScript 之 AJAX readyState五个状态的含义

阅读更多

readyState共有五个状态,分别为01234,但一般我们只关注4这个状态就好。但对于其各个状态的含义可以了解下,具体如下:

0 - (未初始化)还没有调用send()方法

1 - (载入)已调用send()方法,正在发送请求

2 - (载入完成)send()方法执行完成,已经接收到全部响应内容

3 - (交互)正在解析响应内容

4 - (完成)响应内容解析完成,可以在客户端调用了

状态说明:

(0)未初始化
 此阶段确认XMLHttpRequest对象是否创建,并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在,否则浏览器会报错--对象不存在。
 (1)载入
 此阶段对XMLHttpRequest对象进行初始化,即调用open()方法,根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。
 (2)载入完成
 此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据,并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。
 (3)交互
 此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式,为在客户端调用作好准备。状态3表示正在解析数据。
 (4)完成
 此阶段确认全部数据都已经解析为客户端可用的格式,解析已经完成。值为4表示数据解析完毕,可以通过XMLHttpRequest对象的相应属性取得数据。

 

分享到:
评论

相关推荐

    Ajax-jquery-ajaxreadystate.zip

    Ajax-jquery-ajaxreadystate.zip,jquery ajaxreadystate插件,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载网页...

    ajax readyState的五种状态详解

    在《Pragmatic Ajax A Web 2.0 Primer 》中对readyStae状态的介绍,摘译如下: 0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request in ...

    javascript中ajax应用

    script> function hq () {var xml; if(window.XMLHttpRequest) xml=new XMLHttpRequest(); else xml=new ActiveXObject("Microsoft... {if(xml.readyState==4&&xml.status==200)//当前状态是已结束时和请求成功时

    jQuery AJAX中readyState与status的区别与联系

    作为web前端大杀器之一的AJAX,它的出现颠覆了很多人对web前端的理解,从我个人的角度看来,如果说1996年html/css/JavaScript三神器的终于集齐,使得web前端拥有了召唤神龙的能力,那么ajax就是三神器召唤出来的第一...

    PHP培训教程之AJAX技术.docx

    1、AJAX初步认识 AJAX的全称... readyState属性请求的状态有5个可取值0=未初始化,1=正在加载,2=以加载,3=交互中,4=完成 responseText属性器的响应,表示为一个串 reponseXML属性器的响应,表示为XML

    Javascript发送AJAX请求实例代码

    一个对AJAX的封装 //url就是请求的地址 //successFunc就是一个请求返回成功之后的一个function,有一个参数,参数就是服务器返回的报文体 function ajax(url,successFunc) { var xhr = window.XMLHttpRequest ? ...

    ajax提交实例,含防止连续提交的功能

    if (ajax.readyState == 4){getinfo = ajax.responseText; if(getinfo!=""){ckreview=0;alert(getinfo);}else{ckreview=0; alert("发送成功"); } } } } return false; } 连续提交和创建xmlhttp请求的...

    Ajax课件学习(免费)

    2、从图上可以看出来,客户端没有再发送http请求,而是用JavaScript调用一个叫Ajax engine来发送数据,所以不用提交整个页面。 3、从返回来看,返回的也不再是客户需要的页面,而是客户需要的数据 4、优点: 1、...

    asp+ajax静态分页

    if (xmlhttp.readyState==4 && xmlhttp.status==200) { //如果xmlhttp.readyState==4并且xmlhttp.status==200时,执行条件中的程序,其中readyState有五个值,4为请求完成,是客户端向服务器提交的数据成功到达,...

    Ajax页面局部异步刷新技术

    创建XMLHttpRequest对象var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");... if (xmlhttp.readyState == 4) { if (xmlhttp.status == 200) document.getElementById("Text1").value = xmlhttp.responseText;

    Ajax技术课件,保密资料下载

    AJAX asynchronouse javascript and xml 异步 javascript 和 xml ---------------------------------------------- B/S 发展历程------> web1.0 特点: 网站的内容 --- 网站的拥有者提供 网站的使用者所做的...

    ajax,javascript

    简单ajax步骤 a.创建request,根据浏览器版本不同,创建不同的request对象; b.request.open("post",url,true); //打开连接,post是提交方式,如果是get方式,直接带问号。 var u = "user="+encodeURI(username);//...

    我写的一个JS AJAX 类

    我写的一个JS AJAX 类 ajax.rar ajax 中文说明和用法实例! /** * Ajax对象 * function functionName(){if(myAjax.name.readyState == 4

    jsp ajax实例

    if (XMLHttpReq.readyState == 4) { // 判断对象状态 if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息 var res=XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data; ...

    Ajax通讯原理XMLHttpRequest

    向后台请求数据readyState有五个状态0:服务器未初始化,1:服务器连接已建立,2请求已接受收,3请求处理中,4请求完成。 每改变一次状态都好触发一次onreadystatechange 事件,status有两个状态:200:“OK”,404...

    Simple-Ajax-:Ajax 是一个非常强大的概念,可以动态访问数据。 老实说,它正在成为 web 2.0 的标准。 我创建了一个非常轻量级的代码,通过一个函数和两个参数通过 Ajax 发送接收数据

    简单-Ajax- Ajax 是一个非常强大的概念,可以动态访问数据。 老实说,它正在成为 web 2.0 的标准。 我创建了一个非常轻量级的代码,通过一个函数和两个参数通过 Ajax 发送/接收数据。 [removed] function aCall(x, y...

    Asp+AJAX静态分页 亲测 可用

    if (xmlhttp.readyState==4 && xmlhttp.status==200) { //如果xmlhttp.readyState==4并且xmlhttp.status==200时,执行条件中的程序,其中readyState有五个值,4为请求完成,是客户端向服务器提交的数据成功到达,...

    XMLHttpRequest手册

    压缩包“ajax.rar”内含:“《掌握Ajax....掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 3 部分: Ajax 中的高级请求和响应 ...

    JavaScript中如何取消ajax请求

    JS xmlHttp.open(POST,theUrl,true); xmlHttp.onreadystatechange=function(){ ...//得到响应之后的操作 ... if(xmlHttp.readyState!=4){ alert('响应超时'); //关闭请求 xmlHttp.close

    三级联动Ajax菜单(包含省市数据)

    三级联动Ajax菜单(包含省市数据) ; charset=utf-8" /> <script type="text/javascript"> var xmlHttp; var requestType=""; function createXMLHttpRequest() { if(window.ActiveXObject) { xmlHttp=new ...

Global site tag (gtag.js) - Google Analytics