`
zjf201172653
  • 浏览: 46720 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

xhr readystate、status以及ajax中时间执行顺序

阅读更多

(1)XMLHttpRequest().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 progress.
2: (Loaded) the send( ) method has completed, entire response received.
3: (Interactive) the response is being parsed.
4: (Completed) the response has been parsed, is ready for harvesting.

0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用了

对于readyState的这五种状态,其他书中大都语焉不详。像《Foundations of AJAX中文问题 》中,只在书中的表2-2简单地列举了状态的“名称”--The state of the request. The five possible values are 0 = uninitialized, 1 = loading, 2 = loaded, 3 = interactive, and 4 = complete。而《Ajax in Action》中好像根本就没有提到这5种状态的细节。《Professional AJAX中文问题 》中虽不尽人意,但还是有可取之处:

There are five possible values for readyState:
0 (Uninitialized): The object has been created but the open() method hasn’t been called.
1 (Loading): The open() method has been called but the request hasn’t been sent.
2 (Loaded): The request has been sent.
3 (Interactive). A partial response has been received.
4 (Complete): All data has been received and the connection has been closed.

readyState有五种可能的值:
0 (未初始化): (XMLHttpRequest)对象已经创建,但还没有调用open()方法。
1 (载入):已经调用open() 方法,但尚未发送请求。
2 (载入完成): 请求已经发送完成。
3 (交互):可以接收到部分响应数据。
4 (完成):已经接收到了全部数据,并且连接已经关闭。

在《Understanding AJAX中文问题 : Using JavaScript to Create Rich Internet Applications》中,则用下表进行了说明:

readyState Status Code
Status of the XMLHttpRequest Object
(0) UNINITIALIZED
未初始化 The object has been created but not initialized. (The open method has not been called.)
(XMLHttpRequest)对象已经创建,但尚未初始化(还没有调用open方法)。
(1) LOADING
载入 The object has been created, but the send method has not been called.
(XMLHttpRequest)对象已经创建,但尚未调用send方法。
(2) LOADED
载入完成 The send method has been called, but the status and headers are not yet available.
已经调用send方法,(HTTP响应)状态及头部还不可用。
(3) INTERACTIVE
交互 Some data has been received. Calling the responseBody and responseText properties at this state to obtain partial results will return an error, because status and response headers are not fully available.
已经接收部分数据。但若在此时调用responseBody和responseText属性获取部分结果将会产生错误,因为状态和响应头部还不完全可用。
(4) COMPLETED
完成 All the data has been received, and the complete data is available in the responseBody and responseText properties.
已经接收到了全部数据,并且在responseBody和responseText属性中可以提取到完整的数据。

 

        (2)XMLHTTPRequest状态status完整列表

 

AJAX中请求远端文件、或在检测远端文件是否掉链时,都需要了解到远端服务器反馈的状态以确定文件的存在 与否。
       当然,在我们平常浏览网页时,也会发现一些文件不存在时显示为“404错误”,这就是常见的Http请求状态(status)
  Web服务器响应浏览器或其他客户程序的请求时,其应答一般由以下几个部分组成:一个状态行,几个应答头,一个空行,内容文档。下面是一个最简单的应答:

   状态行包含HTTP版本、状态代码、与状态代码对应的简短说明信息。在大多数情况下,除了Content-Type之外的所有应答头都是可选的。但 Content-Type是必需的,它描述的是后面文档的MIME类型。虽然大多数应答都包含一个文档,但也有一些不包含,例如对HEAD请求的应答永远 不会附带文档。有许多状态代码实际上用来标识一次失败的请求,这些应答也不包含文档(或只包含一个简短的错误信息说明)。

  当用户试图通过 HTTP 访问一台正在运行 Internet 信息服务 (IIS) 的服务器上的内容时,IIS 返回一个表示该请求的状态的数字代码。状态代码可以指明具体请求是否已成功,还可以揭示请求失败的确切原因。

1xx - 信息提示

这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个 1xx 响应。

   ·0 - 本地响应成功。

 · 100 - Continue 初始的请求已经接受,客户应当继续发送请求的其余部分。(HTTP 1.1新)
 · 101 - Switching Protocols 服务器将遵从客户的请求转换到另外一种协议(HTTP 1.1新)

2xx - 成功

这类状态代码表明服务器成功地接受了客户端请求。
 · 200 - OK 一切正常,对GET和POST请求的应答文档跟在后面。
 · 201 - Created 服务器已经创建了文档,Location头给出了它的URL。
 · 202 - Accepted 已经接受请求,但处理尚未完成。
 · 203 - Non-Authoritative Information 文档已经正常地返回,但一些应答头可能不正确,因为使用的是文档的拷贝,非权威性信息(HTTP 1.1新)。
 · 204 - No Content 没有新文档,浏览器应该继续显示原来的文档。如果用户定期地刷新页面,而Servlet可以确定用户文档足够新,这个状态代码是很有用的。
 · 205 - Reset Content 没有新的内容,但浏览器应该重置它所显示的内容。用来强制浏览器清除表单输入内容(HTTP 1.1新)。
 · 206 - Partial Content 客户发送了一个带有Range头的GET请求,服务器完成了它(HTTP 1.1新)。

3xx - 重定向

客 户端浏览器必须采取更多操作来实现请求。例如,浏览器可能不得不请求服务器上的不同的页面,或通过<a id="vad_2" onmouseover="if(typeof(showTitle)!='undefined'){this.title='';window.clearTimeout(hideTO);showTitle(event, this, 2,'');}" title="网络游戏没攻略? @Vogate.com" style="font-size: 1em" onclick="" onmouseout="if(typeof(showTitle)!='undefined'){mouseIsOverLayer = false; mouseOverWhileLoad = false; hideTO = window.setTimeout('checkIfMouseOverLayer()',500);}" href="http://action.vogate.com/click/click.php?ads_id=3503&site_id=6235007045040803&click=1&url=http%3A//www.766.com%7C%u73A9%u6E38%u620F%u641E%u4E0D%u5B9A%u653B%u7565%u600E%u4E48%u529E%uFF1F%3Bhttp%3A//pao.766.com%7C%u8DD1%u8DD1%u5361%u4E01%u8F66%u624B%u628A%u624B%u6559%u4F60%u6F02%u79FB%u7EDD%u62DB%uFF01%3Bhttp%3A//www.ro2x.com%7C%u4F60%u7EDD%u5BF9%u6CA1%u770B%u8FC7%u8FD9%u4E48%u5F3A%u7684RO2%u6570%u636E%u5E93%uFF01%3Bhttp%3A//tu.766.com%7C%u4E3A%u4EC0%u4E48%u6BCF%u5929%u90FD%u6709%u8FD9%u4E48%u591A%u7537%u4EBA%u6765%u8FD9%u91CC%uFF1F%3Bhttp%3A//chd.766.com%7C%u73A9%u5F69%u8679%u5C9B%u6765%u8FD9%u91CC%u770B%u3002%u8981%u4EC0%u4E48%u6709%u4EC0%u4E48%uFF01&v=0&k=%u4EE3%u7406&s=http%3A//www.023si.com/html/79/t-13279.html&rn=942481" target="_blank">代理服务器重复该请求。
 · 300 - Multiple Choices 客户请求的文档可以在多个位置找到,这些位置已经在返回的文档内列出。如果服务器要提出优先选择,则应该在Location应答头指明。
 · 301 - Moved Permanently 客户请求的文档在其他地方,新的URL在Location头中给出,浏览器应该自动地访问新的URL。
 · 302 - Found 类似于301,但新的URL应该被视为临时性的替代,而不是永久性的。注意,在HTTP1.0中对应的状态信息是“Moved Temporatily”。出现该状态代码时,浏览器能够自动访问新的URL,因此它是一个很有用的状态代码。注意这个状态代码有时候可以和301替换使 用。例如,如果浏览器错误地请求 http://host/~user (缺少了后面的斜杠),有的服务器返回301,有的则返回302。严格地说,我们只能假定只有当原来的请求是GET时浏览器才会自动重定向。请参见 307。
 · 303 - See Other 类似于301/302,不同之处在于,如果原来的请求是POST,Location头指定的重定向目标文档应该通过GET提取(HTTP 1.1新)。
 · 304 - Not Modified 客户端有缓冲的文档并发出了一个条件性的请求(一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档)。服务器告诉客户,原来缓冲的文档还可以继续使用。
 · 305 - Use Proxy 客户请求的文档应该通过Location头所指明的代理服务器提取(HTTP 1.1新)。
 · 307 - Temporary Redirect 和302(Found)相同。许多浏览器会错误地响应302应答进行重 定向,即使原来的请求是POST,即使它实际上只能在POST请求的应答是303时才能重定向。由于这个原因,HTTP 1.1新增了307,以便更加清除地区分几个状态代码:当出现303应答时,浏览器可以跟随重定向的GET和POST请求;如果是307应答,则浏览器只 能跟随对GET请求的重定向。(HTTP 1.1新)

4xx - 客户端错误

发生错误,客户端似乎有问题。例如,客户端请求不存在的页面,客户端未提供有效的身份验证信息。

 · 400 - Bad Request 请求出现语法错误。
 · 401 - Unauthorized 访问被拒绝,客户试图未经授权访问受密码保护的 页面。应答中会包含一个WWW-Authenticate头,浏览器据此显示用户名字/密码对话框,然后在填写合适的Authorization头后再次 发出请求。IIS 定义了许多不同的 401 错误,它们指明更为具体的错误原因。这些具体的错误代码在浏览器中显示,但不在 IIS 日志中显示:
 · 401.1 - 登录失败。
 · 401.2 - 服务器配置导致登录失败。
 · 401.3 - 由于 ACL 对资源的限制而未获得授权。
 · 401.4 - 筛选器授权失败。
 · 401.5 - ISAPI/CGI 应用程序授权失败。
 · 401.7 – 访问被 Web 服务器上的 URL 授权策略拒绝。这个错误代码为 IIS 6.0 所专用。
 · 403 - Forbidden 资源不可用。服务器理解客户的请求,但拒绝处理它。通常由于服务器上文件或目录的权限设置导致。禁止访问:IIS 定义了许多不同的 403 错误,它们指明更为具体的错误原因:
 · 403.1 - 执行访问被禁止。
 · 403.2 - 读访问被禁止。
 · 403.3 - 写访问被禁止。
 · 403.4 - 要求 SSL。
 · 403.5 - 要求 SSL 128。
 · 403.6 - IP 地址被拒绝。
 · 403.7 - 要求客户端证书。
 · 403.8 - 站点访问被拒绝。
 · 403.9 - 用户数过多。
 · 403.10 - 配置无效。
 · 403.11 - 密码更改。
 · 403.12 - 拒绝访问映射表。
 · 403.13 - 客户端证书被吊销。
 · 403.14 - 拒绝目录列表。
 · 403.15 - 超出客户端访问许可。
 · 403.16 - 客户端证书不受信任或无效。
 · 403.17 - 客户端证书已过期或尚未生效。
 · 403.18 - 在当前的应用程序池中不能执行所请求的 URL。这个错误代码为 IIS 6.0 所专用。
 · 403.19 - 不能为这个应用程序池中的客户端执行 CGI。这个错误代码为 IIS 6.0 所专用。
 · 403.20 - Passport 登录失败。这个错误代码为 IIS 6.0 所专用。
 · 404 - Not Found 无法找到指定位置的资源。这也是一个常用的应答。
 · 404.0 -(无) – 没有找到文件或目录。
 · 404.1 - 无法在所请求的端口上访问 Web 站点。
 · 404.2 - Web 服务扩展锁定策略阻止本请求。
 · 404.3 - MIME 映射策略阻止本请求。

 · 405 - Method Not Allowed 请求方法(GET、POST、HEAD、DELETE、PUT、TRACE等)对指定的资源不适用,用来访问本页面的 HTTP 谓词不被允许(方法不被允许)(HTTP 1.1新)
 · 406 - Not Acceptable 指定的资源已经找到,但它的MIME类型和客户在Accpet头中所指定的不兼容,客户端浏览器不接受所请求页面的 MIME 类型(HTTP 1.1新)。
 · 407 - Proxy Authentication Required 要求进行代理身份验证,类似于401,表示客户必须先经过代理服务器的授权。(HTTP 1.1新)
 · 408 - Request Timeout 在服务器许可的等待时间内,客户一直没有发出任何请求。客户可以在以后重复同一请求。(HTTP 1.1新)
 · 409 - Conflict 通常和PUT请求有关。由于请求和资源的当前状态相冲突,因此请求不能成功。(HTTP 1.1新)
 · 410 - Gone 所请求的文档已经不再可用,而且服务器不知道应该重定向到哪一个地址。它和404的不同在于,返回407表示文档永久地离开了指定的位置,而404表示由于未知的原因文档不可用。(HTTP 1.1新)
 · 411 - Length Required 服务器不能处理请求,除非客户发送一个Content-Length头。(HTTP 1.1新)
 · 412 - Precondition Failed 请求头中指定的一些前提条件失败(HTTP 1.1新)。
 · 413 – Request Entity Too Large 目标文档的大小超过服务器当前愿意处理的大小。如果服务器认为自己能够稍后再处理该请求,则应该提供一个Retry-After头(HTTP 1.1新)。
 · 414 - Request URI Too Long URI太长(HTTP 1.1新)。
 · 415 – 不支持的媒体类型。
 · 416 – Requested Range Not Satisfiable 服务器不能满足客户在请求中指定的Range头。(HTTP 1.1新)
 · 417 – 执行失败。
 · 423 – 锁定的错误。

5xx - 服务器错误

服务器由于遇到错误而不能完成该请求。

 · 500 - Internal Server Error 服务器遇到了意料不到的情况,不能完成客户的请求。
 · 500.12 - 应用程序正忙于在 Web 服务器上重新启动。
 · 500.13 - Web 服务器太忙。
 · 500.15 - 不允许直接请求 Global.asa。
 · 500.16 – UNC 授权凭据不正确。这个错误代码为 IIS 6.0 所专用。
 · 500.18 – URL 授权存储不能打开。这个错误代码为 IIS 6.0 所专用。
 · 500.100 - 内部 ASP 错误。
 · 501 - Not Implemented 服务器不支持实现请求所需要的功能,页眉值指定了未实现的配置。例如,客户发出了一个服务器不支持的PUT请求。
 · 502 - Bad Gateway 服务器作为网关或者代理时,为了完成请求访问下一个服务器,但该服务器返回了非法的应答。 亦说Web 服务器用作网关或代理服务器时收到了无效响应。
 · 502.1 - CGI 应用程序超时。
 · 502.2 - CGI 应用程序出错。
 · 503 - Service Unavailable 服务不可用,服务器由于维护或者负载过重未能应答。例如,Servlet可能在数据库连接池已满的情况下返回503。服务器返回503时可以提供一个Retry-After头。这个错误代码为 IIS 6.0 所专用。
 · 504 - Gateway Timeout 网关超时,由作为代理或网关的服务器使用,表示不能及时地从远程服务器获得应答。(HTTP 1.1新) 。
    · 505 - HTTP Version Not Supported 服务器不支持请求中所指明的HTTP版本。

 

      (3)jquery中各个事件执行顺序

 

1.ajaxStart(全局事件)

2.beforeSend

3.ajaxSend(全局事件)

4.success

5.ajaxSuccess(全局事件)

6.error

7.ajaxError (全局事件)

8.complete

9.ajaxComplete(全局事件)

10.ajaxStop(全局事件)

 

分享到:
评论

相关推荐

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

    在探讨jQuery AJAX技术时,两个重要的属性是readyState和status。它们在异步请求中扮演了重要角色,但它们各自的含义和使用场景有所不同。通过理解两者的区别与联系,可以更好地管理AJAX请求的生命周期,以及响应...

    AJAX 请求完成时执行函数。Ajax 事件。

    本文将深入探讨"AJAX请求完成时执行的函数"以及相关的Ajax事件。 1. **AJAX请求过程** AJAX请求通常包括以下几个步骤:创建XMLHttpRequest对象、打开连接、发送请求和接收响应。当请求完成时,我们需要执行一些...

    ajax显示详细时间

    当状态变为4(表示请求已完成)且xhr.status为200(表示成功)时,从响应文本中解析出时间,并用JavaScript更新页面上的时间元素。 ```javascript xhr.onreadystatechange = function() { if (xhr.readyState === ...

    ajax ajax原理 ajax代码 ajax编程 ajax学习

    callback(new Error('Ajax request failed with status ' + xhr.status)); } }; xhr.send(data); } // 使用示例 sendAjaxRequest('example.php', 'POST', 'param1=value1&param2=value2', function(err, res) {...

    ajax请求一次却执行两次.zip

    然而,有时开发者可能会遇到一个问题:明明发送了一个Ajax请求,但在浏览器的开发者工具(如Chrome的F12)中却发现该请求被执行了两次。这种现象可能会导致数据处理错误,增加服务器负载,甚至影响用户体验。本文将...

    Ajax异步读取数据

    在这个实例中,我们将深入探讨如何使用Ajax提交数据、获取天气预报信息以及读取不同类型的服务器数据。 首先,让我们来看看如何使用Ajax提交数据更新服务器内容。在ASP.NET环境中,我们可以创建一个JavaScript函数...

    ajax读取页面内容【简单的ajax入门实例】

    if (xhr.readyState === 4 && xhr.status === 200) { // 这里处理服务器返回的内容 } }; ``` 当状态码为4(请求已完成)且状态为200(请求成功)时,我们可以读取到服务器返回的数据。 ### 5. 发送请求 最后,...

    JavaScript - XHR实现短信验证码注册登录完整示例:JavaScript - XHR.js和附件说明

    JavaScript - XHR(XMLHttpRequest)是Web开发中的一个重要工具,用于在不刷新整个页面的情况下与服务器进行异步数据交换,这种技术通常被称为AJAX(Asynchronous JavaScript and XML),虽然现在XML已经不是数据...

    php开发之ajax异步请求

    if (xhr.readyState === 4 && xhr.status === 200) { // 请求成功,处理返回的数据 } }; xhr.send(); ``` 二、异步请求 上述代码中,`open()`方法用于设置请求的类型(GET、POST等)、URL和是否异步。`send()`...

    ajax实例,兼容各个主流浏览器

    if (xhr.readyState === 4 && (xhr.status === 200 || xhr.status === 0)) { // 处理响应 } }; xhr.open('GET', 'url', true); xhr.send(); ``` ### 3. 实例中的局部刷新 在局部刷新的场景中,Ajax通常用于获取...

    在项目中添加引用Ajax

    if (xhr.readyState === 4 && xhr.status === 200) { // 请求完成并成功,处理响应数据 } }; ``` 4. **发送请求**: 使用`send()`方法发送请求。对于GET请求,直接调用`send()`即可;对于POST请求,可能需要...

    Ajax基本功能实现

    if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }; xhr.send(); } ``` 在这个例子中,`open()` 方法用于设置请求类型(GET)、请求地址和是否异步执行。`...

    Ajax状态值详解

    在处理Ajax请求时,通常会在`.onreadystatechange`事件中检查`readyState`和`status`。例如: ```javascript var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4) ...

    js写AJAX 异步调用 -实现回调

    if (xhr.readyState === 4 && xhr.status === 200) { // 请求成功,处理返回数据 } }; ``` 三、处理返回数据 成功请求后,我们可以通过`responseText`或`responseXML`属性获取响应数据。如果是JSON格式,可以...

    简单的ajax代码,实现无刷功能

    2. 配置请求:设置请求的类型(GET或POST),URL以及是否异步执行。例如: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'example.php', true); ``` 3. 注册事件监听器:监听`...

    Ajax的小封装 get,post请求

    if (xhr.readyState === 4 && xhr.status === 200) { callback && callback(null, xhr.responseText); } else if (xhr.readyState === 4) { callback && callback(new Error('请求失败,状态码:' + xhr.status)...

    用AJAX实现网页中的增删改

    if (xhr.readyState === 4 && xhr.status === 200) { var response = JSON.parse(xhr.responseText); // 更新UI,显示新增成功的提示 } }; var empData = { id: null, name: "张三", age: 25 }; xhr.send(JSON....

    处理ajax返回的js代码

    if (xhr.readyState === 4 && xhr.status === 200) { // 请求成功,处理返回的数据 } }; ``` 4. **发送请求**:调用`send()`方法启动请求。如果是GET请求,可以直接传递null;如果是POST请求,需要传入数据。 ...

    ajax实现新增修改实例

    if (xhr.readyState === 4 && xhr.status === 200) { var response = xhr.responseText; // 处理返回结果,如显示新增成功提示 } }; ``` 四、修改功能实现 类似地,`updateBook.jsp`可能是一个处理图书修改的...

Global site tag (gtag.js) - Google Analytics