readyState 5种状态(Ajax)

最新推荐文章于 2024-02-06 19:50:58 发布

原创最新推荐文章于 2024-02-06 19:50:58 发布 · 725 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

本文详细介绍了XMLHttpRequest对象的五种状态及其含义，从初始化到完成的整个过程，帮助开发者更好地理解HTTP请求的状态变化。

　　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 - (完成)响应内容解析完成，可以在客户端调用了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fendeng

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

ajax readyState的五种状态详解

代码青春

01-05

1万+

总结如下： readyState 状态状态说明 (0)未初始化此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。 (1)载入此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用s

AJAX readyState的五种状态详解

runming56的专栏

06-04

1378

(0)未初始化此阶段确认XMLHttpRequest对象是否创建，并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在，否则浏览器会报错－－对象不存在。 (1)载入此阶段对XMLHttpRequest对象进行初始化，即调用open()方法，根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端

参与评论您还未登录，请先登录后发表或查看评论

Ajax readyState的五种状态

mingxia_Z的博客

11-05

920

对于readyState的五种状态的描述或者说定义，很多Ajax书（英文原版）中大都语焉不详在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍，感觉这个介绍很实在…… 比较理想的解释方法应该以“状态：任务（目标）+过程+表现（或特征）”的表达模式来对这几个状态进行定义【全文】在《Pragmatic Ajax A Web 2....

webSocket

m0_73427312的博客

11-03

1622

介绍:connecting (0)：表示还没建立连接；open (1)：已经建立连接，可以进行通讯；closing (2)：通过关闭握手，正在关闭连接；closed (3)：连接已经关闭或无法打开；简单的逻辑。

WebSocket

weixin_43522687的博客

06-22

1290

websocket简介 websocket是什么答: 它是一种网络通信协议，是开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。答:WebSocket用于在Web浏览器和服务器之间进行任意的双向数据传输的一种技术。WebSocket协议基于TCP协议实现，包含初始的握手过程，以及后续的多次数据帧双向传输过程。其目的是在WebSocket应用和WebSocket服务器进行频繁双向通信时，可以使服务器避免打开多个HTTP连接进行工作来节约资源，提高了工作效率和资源利用率。 WebSocket目

WebSocket基础详解

曹定栓的博客

02-06

2261

初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？了解计算机网络协议的人，应该都知道：HTTP 协议是一种无状态的、无连接的、单向的应用层协议。它采用了请求/响应模型。通信请求只能由客户端发起，服务端对请求做出应答处理。这种通信模型有一个弊端：HTTP 协议无法实现服务器主动向客户端发起消息。

探讨Ajax中有关readyState（状态值）和status（状态码)的问题

10-22

在Ajax技术中，readyState和status是两个至关重要的属性，它们分别反映了Ajax请求的不同阶段和服务器响应的状态。本文将深入探讨这两个属性的概念、用途以及它们之间的区别。首先，`readyState`是XMLHttpRequest...

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

10-20

readyState是一个XMLHttpRequest对象的属性，它描述了AJAX请求的当前状态。readyState的值是一个整数，从0开始，每次请求的状态改变时，这个值就会变化，直到请求结束。readyState的值和含义如下： 0 - 请求未初始化...

readyState的五种状态

Steven.Leong的专栏

02-12

2213

对于readyState的五种状态的描述或者说定义，很多Ajax书（英文原版）中大都语焉不详在《Pragmatic Ajax A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍，感觉这个介绍很实在……比较理想的解释方法应该以“状态：任务（目标）+过程+表现（或特征）”的表达模式来对这几个状态进行定义【全文】在《Pragmatic Ajax A Web 2.0 Prim

IOS 10 微信 ajax readystate=0 status=0 解决方法

weixin_33924770的博客

08-01

2662

最近做了一个基于微信访问的网页系统发现IOS10.2.1 版本访问的时候 AJAX报错，安卓和IOS11.4.1 没有这样的问题. 通过Fiddler抓包发现，AJAX请求时报错信息为 {"Message":"The collection of headers 'accept,content-type,origin' is not allowed."} 对比发现 IOS10.2....

JS 服务器推送技术 WebSocket 入门指北

前端大全

09-21

945

（给前端大全加星标，提升前端技能）作者：前端下午茶公号 / SHERlocked93最近在工作中遇到了需要服务器推送消息的场景，这里总结一下收集整理WebSocke...

readyState的5种状态含义

CSU_Zipple的博客

03-29

9074

在使用原生的AJAX代码的时候，我们会写出下面的回调： xhr.onreadystatechange = () => { if(xhr.readyState === 4 && xhr.status === 200) { document.write(xhr.responseText); } }; 可这里的readyState...

【速记】获取当前正在运行的js脚本的地址与HTMLScriptElement.prototype.readyState

weixin_34417635的博客

12-04

462

起因在阅读layUI的源代码关于加载远程脚本的代码中出现了判断当前js脚本地址的代码，其中出现了对于document.currentScript支持与不支持时，会走不同的逻辑。如果支持document.currentScript，直接从document.currentScript.src获取当前脚本运行的地址；如果不支持document.currentScript,则遍历文档所有的<s...

一些常用的AJax的请求状态（readyState）以及状态码（status）的值及其含义

PursueCloud的博客

04-30

9763

AJAX请求状态，readyState，status页面状态码

iWatch报错: Authorization request cancled

soindy

07-24

1278

iWatch报错: Authorization request cancled

readyState 的5种状态

最新发布

06-10

### readyState 的五种状态及对应含义 readyState 是 XMLHttpRequest 对象的一个属性，用于表示当前请求的处理状态。以下是 readyState 的五种状态及其具体含义： #### 1. 状态 0 - 未初始化此阶段确认 XMLHttpRequest 对象是否创建，并为调用 `open()` 方法进行未初始化作好准备。值为 0 表示对象已经存在，否则浏览器会报错——对象不存在[^1]。 ```javascript const xhr = new XMLHttpRequest(); // 创建 XMLHttpRequest 对象后，readyState 为 0 ``` #### 2. 状态 1 - 载入此阶段对 XMLHttpRequest 对象进行初始化，即调用 `open()` 方法，根据参数 `(method, url, true)` 完成对象状态的设置。并调用 `send()` 方法开始向服务端发送请求。值为 1 表示正在向服务端发送请求[^1]。 ```javascript xhr.open('GET', 'https://example.com/data', true); // readyState 变为 1 ``` #### 3. 状态 2 - 载入完成此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据，并不能直接在客户端使用。值为 2 表示已经接收完全部响应数据，并为下一阶段对数据解析作好准备[^1]。 ```javascript xhr.send(); // 当请求被发送后，readyState 将变为 2 ``` #### 4. 状态 3 - 交互此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的 MIME 类型把数据转换成能通过 `responseBody`、`responseText` 或 `responseXML` 属性存取的格式，为在客户端调用作好准备。状态 3 表示正在解析数据[^1]。 ```javascript // 在某些情况下，可以在此阶段获取部分响应数据 if (xhr.readyState === 3) { console.log(xhr.responseText); // 可能只包含部分数据 } ``` #### 5. 状态 4 - 完成此阶段确认全部数据都已经解析为客户端可用的格式，解析已经完成。值为 4 表示数据解析完毕，可以通过 XMLHttpRequest 对象的相应属性取得数据[^1]。 ```javascript if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); // 获取完整的响应数据 } ``` ### 示例代码以下是一个完整的 AJAX 请求示例，展示如何使用 `readyState` 和 `status` 来判断请求的状态和结果： ```javascript const xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); // 请求成功时输出响应数据 } }; xhr.open('GET', 'https://example.com/data', true); xhr.send(); ```