js怎么获取http状态码

在JavaScript中，获取HTTP状态码通常涉及到使用XMLHttpRequest对象或者更现代的fetch API，以下是关于如何使用这两种技术来获取HTTP状态码的详细指南：

使用XMLHttpRequest获取HTTP状态码

XMLHttpRequest是一个内置于浏览器中的老旧API，用于在后台与服务器交换数据，要获取HTTP状态码，您需要创建一个XMLHttpRequest实例，初始化一个请求，并设置相应的回调函数来处理响应。

步骤：

1、创建一个新的XMLHttpRequest对象。

2、初始化一个HTTP请求，指定请求的方法和URL。

3、为请求设置onreadystatechange事件处理器，以便在请求的状态发生变化时执行代码。

4、发送请求。

示例代码：

var xhr = new XMLHttpRequest(); // 创建新的XHR对象
xhr.open('GET', 'https://api.example.com/data', true); // 初始化请求
// 设置onreadystatechange事件处理器
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) { // 请求已完成且响应已就绪
    console.log('HTTP状态码：', xhr.status); // 输出HTTP状态码
  }
};
xhr.send(); // 发送请求

在上面的代码中，当readyState属性变为4时（表示请求已完成），我们检查status属性以获取HTTP状态码。

使用Fetch API获取HTTP状态码

fetch是较新的API，提供了一个更强大、更灵活的方式来处理网络请求，它返回一个Promise，这使得使用async/await语法处理异步操作变得更加容易。

步骤：

1、使用fetch函数发起请求，传入请求的URL。

2、使用then方法或async/await来等待响应。

3、调用响应对象的ok属性判断HTTP状态是否成功（状态码在200-299范围内）。

4、使用status属性获取具体的HTTP状态码。

示例代码：

async function getStatusCode(url) {
  try {
    let response = await fetch(url); // 发起请求
    if (response.ok) { // 检查HTTP状态是否成功
      console.log('HTTP状态码：', response.status); // 输出HTTP状态码
    } else {
      console.error('请求失败，状态码：', response.status);
    }
  } catch (error) {
    console.error('网络错误：', error);
  }
}
getStatusCode('https://api.example.com/data'); // 调用函数

在这个例子中，我们定义了一个异步函数getStatusCode，它使用fetch发起请求，并通过await等待响应，我们检查response.ok来确定请求是否成功，并输出或记录HTTP状态码。