ajax

最新推荐文章于 2025-03-16 10:00:00 发布

原创最新推荐文章于 2025-03-16 10:00:00 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#http网络 #ajax

网络基础专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了XMLHttpRequest (XHR) 的 readystate 属性及其五种状态的含义与触发条件，并通过示例代码展示了如何使用 onreadystatechange 事件监听请求的状态变化。

// xhr的readystate有0-4，5种取值，代表5种状态。依次触发的条件：
// 0: new XMLHttpRequest()执行
// 1: open方法执行
// 2: send方法执行，头部和状态已经可以获得
// 3: loading: 下载中，responseText已经包含部分数据
// 4: done: 下载完成
// 每当xhr的readystate发生变化时，就会触发onreadystatechange事件
var xhr = new XMLHttpRequest(); 
xhr.open(url, url, async); // 初始化一个ajax请求
xhr.send();  // 发送请求
xhr.onreadystatechange = function () {
  if (xhr.readystate === 4 && xhr.status = 200) {
    console.log(xhr.responseText)
  }
}