Why does .json() return a promise?

by

Why does response.json return a promise?

Because you receive the response as soon as all headers have arrived. Calling .json() gets you another promise for the body of the http response that is yet to be loaded. See also Why is the response object from JavaScript fetch API a promise?.

Why do I get the value if I return the promise from the then handler?

Because that’s how promises work. The ability to return promises from the callback and get them adopted is their most relevant feature, it makes them chainable without nesting.

You can use

fetch(url).then(response => 
    response.json().then(data => ({
        data: data,
        status: response.status
    })
).then(res => {
    console.log(res.status, res.data.title)
}));

or any other of the approaches to access previous promise results in a .then() chain to get the response status after having awaited the json body.

More Related Contents:

  1. async/await always returns promise
  2. Asynchronous exception handling with bluebird promises
  3. How can I fetch an array of URLs with Promise.all?
  4. What is the difference between JavaScript promises and async await?
  5. How to wait for a JavaScript Promise to resolve before resuming function?
  6. Should an async API ever throw synchronously?
  7. Node JS Promise.all and forEach
  8. $.Deferred: How to detect when every promise has been executed
  9. How to async await in react render function?
  10. fetch: Reject promise with JSON error object
  11. What does $.when.apply($, someArray) do?
  12. fetch resolves even if 404?
  13. Why does the Promise constructor need an executor?
  14. Why can I not throw inside a Promise.catch handler?
  15. How to block for a javascript promise and return the resolved result? [duplicate]
  16. using a fetch inside another fetch in javascript
  17. using async await and .then together
  18. How to implement a pseudo blocking async queue in JS/TS?
  19. Are JavaScript Promise asynchronous?
  20. How to return from a Promise’s catch/then block?
  21. Javascript – if with asynchronous case
  22. Using mongoose promises with async/await
  23. How to handle HTTP code 4xx responses in fetch api
  24. What are asynchronous functions in JavaScript? What is “async” and “await” in JavaScript?
  25. How to use Promise.all with an object as input
  26. Why are javascript promises asynchronous when calling only synchronous functions?
  27. When does async function actually return a pending promise?
  28. How to make javascript fetch synchronous?
  29. JavaScript asynchronous programming: promises vs generators
  30. Promise.all is returning an array of undefined and resolves before being done

Leave a Comment