从获取请求中获取 json 值 (API)

Question

所以我坚持这一小段代码，我觉得答案很简单，但我就是想不通。我正在尝试执行获取请求以从 API 获取数据。我想获得一些值并将它们放在一个字符串中。问题是我只是不知道如何让 json 超出 fetch 范围。我不断得到一个“未定义”的值。我尝试了不同的方式来获得回报，但似乎没有任何效果......）：我的代码是：var url = "https://pokeapi.co/api/v2/pokemon/pikachu"function getJSON(x){   fetch(x)  .then((response) => {    return response.json();  })  .then((data) => {    return data;   });  return data;}var data = getJSON(url); console.log(data);

Answer 1

正确的做法是等待 promise 完成，因为它在函数获取数据之前正在打印，这就是为什么后者应该是async，并且应该在它之后完成打印。这可以通过以下方式完成：

var url = "https://pokeapi.co/api/v2/pokemon/pikachu";

async function getJSON(x){ 

     let response = await fetch(x);

     let data = await response.json();

     return data;

}

getJSON(url).then(data => console.log(data)); 

Answer 2

你的提取没问题。但由于它是异步调用，因此您的 console.log 会在 getJSON 函数有时间返回其响应之前执行。如果您在函数中使用 console.log(data)（在您的 return data 语句之前），您会注意到数据正在按预期返回

Answer 3

稍微更正了您的代码，如下所示：

fetch('https://pokeapi.co/api/v2/pokemon/pikachu')

  .then(function (response) {

    return response.json()

  })

  .then(function (data) {

    console.log('data', data)

  })