js fetch的用法

fetch 是现代浏览器提供的一个用于发送 HTTP 请求的 API，可以用于发起 GET、POST 等请求，并且支持 Promise。

fetch 的基本用法如下：

fetch(url)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

其中，url 是请求的地址，fetch 函数返回一个 Promise 对象，可以通过 then 方法获取响应，catch 方法捕获错误。

在 then 方法中，我们可以通过 response.json() 方法将响应的数据转化为 JSON 格式，然后在后续的 then 方法中进行处理。如果响应的数据不是 JSON 格式，可以使用 response.text() 方法或 response.blob() 方法进行转化，具体根据实际情况选择。

在 catch 方法中，我们可以捕获请求过程中的错误，例如网络错误等。

fetch 函数还支持配置选项，例如请求方法、请求头、请求体等，这些选项可以通过传递一个配置对象作为 fetch 函数的第二个参数来实现。例如：

fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    username: 'admin',
    password: '123456'
  })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

这里通过配置选项指定了请求方法为 POST，请求头中包含了 Content-Type，请求体中包含了一个 JSON 对象。