why cant i extract the JSON response to my GET request using the fetch api? [duplicate]

Question

i am wondering why the code below logs undefined to the console? i have already eliminated a backend issue because when i use the broswers developer tools to inspect this request everything seems fine and the response shown in the dev tools is the json data i was expecting. any help appreciated.

const url = window.location.href.split('/') const url1 = url[6].substring(2) fetch(`http://localhost:8080/apiget/userinfo/${url1}`) .then(response=>{ response.json() }) .then(json=>console.log(json)) .catch(error=>console.log('something went wrong'))

This is a typo. response.json() is not being returned.

evolutionxbox
– evolutionxbox

2021-01-19 13:14:58 +00:00
Commented Jan 19, 2021 at 13:14 — evolutionxbox
– evolutionxbox, Commented Jan 19, 2021 at 13:14

besimgurbuz · Accepted Answer · 2022-06-09 09:56:26Z

The code below returns undefined because you are not returning anything

fetch(`http://localhost:8080/apiget/userinfo/${url1}`) .then(response=>{ response.json(); });

so JavaScript will return undefined to next then chain. You can change this code block like this:

.then(response => response.json());

or

.then(reponse => { return response.json(); });

Collectives™ on Stack Overflow

why cant i extract the JSON response to my GET request using the fetch api? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related