如何从 fetch 调用中获取对变量的 api 响应

Question

我正在尝试使用 fetch 进行 api 调用。但是我得到了一个承诺，而不是 data.If 我在 fetch 中解决了这个承诺，我得到的数据不是在外面。我怎样才能将结果从 api 获取到数据变量。

export function getAllBooks() {
    var data= fetch('https://api.myjson.com/bins/9paef').then((data) => {
        data.json().then(function (response) {
         return response
        });
    })
    console.log("data",data)
}

Answer 1

您可以使用await，它允许我们等待异步请求的响应。使用示例如下：

async function getAllBooks() {
  const response = await fetch('https://api.myjson.com/bins/9paef');
  const data = await response.json();
  //console.log('Data', data);
  return data;
}


getAllBooks().then((books) => {
  result = books;

  console.log("Books", result);
});

See it on jsbin.com

如何从 fetch 调用中获取对变量的 api 响应

How to get the api response to a variable from fetch call

javascript

ecmascript-6

es6-promise

fetch-api