fetch API怎么使用

fetch API 是一种用于进行网络请求的现代化的JavaScript API。它提供了一种更简洁和现代的方式来进行异步请求。以下是使用fetch API的基本步骤：

1. 发起一个GET请求：

fetch(url)
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

在上面的代码中，`url`是你要发送请求的目标URL。fetch函数返回一个Promise对象，可以使用`.then()`方法处理成功的响应，使用`.catch()`方法处理错误。

2. 发起其他类型的请求（POST、PUT、DELETE等）：

fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

在上面的代码中，我们通过在fetch函数的第二个参数中设置`method`、`headers`和`body`来指定请求的类型、头信息和请求体数据。

3. 处理响应数据：

fetch API 提供了一种处理不同类型响应数据的方式。常见的方法包括：

- `response.json()`：将响应解析为JSON格式的数据。
- `response.text()`：将响应解析为文本。
- `response.blob()`：将响应解析为Blob对象。
- `response.arrayBuffer()`：将响应解析为ArrayBuffer对象。

你可以根据实际需要选择适合的方法来处理响应数据。

请注意，fetch API 默认不会将网络错误（例如404或500错误）视为拒绝的Promise，而是将这些错误视为成功的响应。因此，你需要根据HTTP状态码来检查是否有错误发生。

这是fetch API的基本用法示例。你可以根据需要进行更多的定制和配置，例如设置请求头、处理错误等。