如何从promise[duplicate]获取JSON

Question

代码：

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(url, options).then(async (response) => {
  const data = await response.json();
  console.log(data)
})

Answer 2

添加另一个，然后：

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

请注意，fetch只会在网络错误上出错，如果您希望它拒绝promise，例如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
  });