JavaScript await fetch 获取响应状态码的详细指南

javascript

2024-03-08 23:05:07

JavaScript 中使用 await fetch 时获取响应状态码

简介

JavaScript 的 fetch API 提供了一种向服务器发送请求并在浏览器中处理响应的方便方法。然而，在某些情况下，获取请求的响应状态码可能会很棘手。本文将探讨如何使用 await fetch 正确获取响应状态码。

问题：无法获取状态码

在使用 await fetch 执行请求时，你可能会发现无法直接访问响应状态码。这是因为 fetch 返回一个 Promise 对象，它代表了请求的最终结果。

解决方法

1. 使用 response.status

fetch 响应对象提供了一个 status 属性，其中包含请求的响应状态码。要获取状态码，请执行以下操作：

const response = await fetch(apiUrl);
const statusCode = response.status;

2. 使用 try/catch 块处理错误

fetch 请求可能会因各种原因失败。使用 try/catch 块可以捕获错误并根据需要采取措施。

try {
  const response = await fetch(apiUrl);
  const statusCode = response.status;
  // 根据状态码处理响应
} catch (error) {
  // 处理错误
}

代码示例

以下代码示例演示了如何获取响应状态码：

async function myFunction() {
  try {
    const response = await fetch("https://example.com/api/v1/users");
    const statusCode = response.status;
    if (statusCode === 200) {
      // 200 OK
    } else {
      // 处理错误
    }
  } catch (error) {
    // 处理错误
  }
}