XMLHttpRequest状态码及相关事件

时间:2022-05-21 08:05:47

1.创建一个XMLHttpRequest对象

XMLHttpRequest状态码及相关事件


2.对XMLHttpRequest对象进行事件的监听(定义监听事件的位置不影响

XMLHttpRequest状态码及相关事件

3.对XMLHttpRequest对象的状态码

状态   名称 描述
0 Uninitialized 初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置
1 Open  open() 方法已调用,但是 send() 方法未调用。请求还没有被发送
2 Sent  Send() 方法已调用,HTTP 请求已发送到 Web 服务器。未接收到响应
3 Receiving 所有响应头部都已经接收到。响应体开始接收但未完成
4 Loaded HTTP 响应已经完全接收

***注***

xhr.onreadystatechange = function(){
console.log(xhr.readyState) }
//输出结果状态码只有2,3,4并没有0,1,这是因为该事件发生时,XMLHttpRequest对象已经调用了send()方法,如需不采取监听事件的方式对对象发送数据前的动作进行操作,可以在xhr.send()之前定义
如:if(xhr.readyState == 1) or if(xhr.readyState == 1)
该处理可用于ajax请求数据的原生写法中添加效果处理,例如:给请求数据过程中添加加载效果等等