javascript - 如何从 Promise 获取 JSON

Question

这个问题已经有答案了:

Why does .json() return a promise? (6 个回答)

已关闭 4 年前。

代码:

fetch(`https://api.flickr.com/services/rest/?&method=flickr.photos.search&api_key=++++++++++&tags=obama&format=json&extras=url_m&nojsoncallback=true`, {
    method: "GET",
    headers : { 
      'Content-Type': 'application/json',
      'Accept': 'application/json'
     }
  }).then(response => {
    console.log(response.json())
  })

输出:

Promise {_40: 0, _65: 0, _55: null, _72: null}

Answer 1

然后添加另一个:

fetch(...).then(resp => resp.json()).then(data => ...)

请注意，如果您希望它拒绝 Promise，例如，fetch 只会在网络错误时出错。 500 响应，您必须检查状态代码并抛出:

fetch(url)
  .then(resp => {
     // you'll need to supply the function that checks the status here
     if (http_response_ok(resp.status)) {
       return resp.json();
     } else {
       throw new Error(`Got back ${resp.status}`);
     }
  }).then(data => {
     // happy path
  }).catch(err => {
     // sad path
  });