【Ajax】XMLHttpRequest().readyState的五个状态（0,1,2,3,4）

2021-01-24 01:27

阅读：681

标签：事件监听 === 监听服务接受客户端响应 color http 调用

//第1步：创建异步请求对象xhr
var xhr = new XMLHttpRequest();

//第2步：注册事件监听，xhr通过监听服务器返回结果时的状态值，判断此次返回的结果是否可用
xhr.onreadystatechange=function(){
   if(xhr.readyState==4&xhr.status==200){
    console.log(xhr.responseTest)
    }
  }
//这个步骤就像一个阴魂一样，在每一步骤执行完后，都会执行。只是每次的xhr.readyState的数值不同

//第3步.xhr通过调用open方法去建立与服务器的连接
    xhr.open()

//第4步.xhr向服务器发送请求（请求方式为get方式时，send方法内部传null）
     xhr.send(null);

================================================================================

当 xhr.readyState==0 时，（Uninitialized）是表示初始化状态。即xhr对象刚刚被创建了或刚被abort()方法重置了。
当 xhr.readyState==1时，（Open）是表示xhr调用了open()方法，客户端的请求还没被发送。
当 xhr.readyState==2时，（Send）是表示xhr已经调用了send()方法，将Http请求发送到了Web服务器，但还未收到 Web服务器的相应。
当 xhr.readyState==3时，（Receiving）是表示所有响应头都已被Web服务器接收到，Web服务器开始处理请求，但还没处理完。
当 xhr.readyState==4时，（Loaded）是表示Web服务器已经响应完客户端的所有请求。Http已经完全接受到了Web服务器的响应数据。

【Ajax】XMLHttpRequest().readyState的五个状态（0,1,2,3,4）

标签：事件监听 === 监听服务接受客户端响应 color http 调用

原文地址：https://www.cnblogs.com/raphaelJava-4560/p/13263589.html

上一篇：宽度 | @viewport.width (Device Adaptation) – CSS 中文开发手册

下一篇：kubernetes系列(十一) - 存储之configMap

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：【Ajax】XMLHttpRequest().readyState的五个状态（0,1,2,3,4）
文章链接：http://soscw.com/index.php/essay/46118.html

亲，登录后才可以留言！

【Ajax】XMLHttpRequest().readyState的五个状态（0,1,2,3,4）

评论

热门文章

推荐文章

最新文章

置顶文章