javascript - 从 fetch -> promise -> response 获取数据

Question

我正在尝试向服务器发送一些数据，但我不知道如何取回响应数据。

我有以下代码:

fetch(url, {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    email: login,
    password: password,
  })
}).then(function(a){
  console.log(a);
})

它打印一个 Response 它包含诸如 body (ReadableByteStream)、bodyUsed (false)、ok (true)、status (200) 等数据，...但我找不到我取回的数据，无处可寻。当我打开 chrome 开发人员控制台 - 网络时，我在那里看到了响应数据。

我做错了什么？

我一直在寻找一些如何获取、 promise ...工作的资源，但找不到任何写得很好的资源。

Answer 1

您可以在获取响应时调用其他方法，例如 .json() 或 .blob()。这些方法返回一个 promise ，您可以在其上调用 .then()。

fetch(url, {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        email: login,
        password: password,
    })
})
    .then(function (a) {
        return a.json(); // call the json method on the response to get JSON
    })
    .then(function (json) {
        console.log(json)
    })

查看 some documentation on using fetch ，以及关于如何 response object works 的一些其他文档在获取调用中。