How to Get JSON from fetch() in JavaScript

Published Jan 22, 2022  ∙  Updated May 2, 2022

How can we obtain the JSON from a URL using the Fetch API?

The Fetch API returns a Response object in the promise.

In order to parse a JSON response, we need to use response.json(), which also returns a promise.

We can use async/await to handle the promises.

const res = await fetch('');
const json = await res.json();

Or, we can chain multiple then() handlers.

.then(res => res.json())
.then(json => console.log(json));

Read more about the Response object.