How to get data and response status from API using node-fetch?

Question

As per the node-fetch documentation node-fetch

we can get the response status like this

fetch('https://github.com/')
    .then(res => {
        console.log(res.status);
    });

and for getting the data

fetch('https://api.github.com/users/github')
    .then(res => res.json())
    .then(jsonData => console.log(jsonData));

I have a scenario where I need to return the JSON data and the status from the response. I tried to use like this

     fetch('https://api.github.com/users/github')
            .then(res => res.json())
            .then(jsonData => {
             console.log(jsonData);
             console.log(jsonData.status);
      });

but the

console.log(jsonData.status)

won't return the status. How I can get status and output data

Possible duplicate of How do I access previous promise results in a .then() chain? — Arup Rakshit
– Arup Rakshit, Commented Aug 22, 2018 at 19:37

KarlR · Accepted Answer · 2022-01-11 22:55:07Z

44

The easiest solution would be to declare a variable and assign res.status value to it:

let status; 
fetch('https://api.github.com/users/github')
  .then((res) => { 
    status = res.status; 
    return res.json() 
  })
  .then((jsonResponse) => {
    console.log(jsonResponse);
    console.log(status);
  })
  .catch((err) => {
    // handle error
    console.error(err);
  });

You can also try it that way using async/await:

const retrieveResponseStatus = async (url) => {
  try {
    const response = await fetch(url);
    const { status } = response; 
    return status;
  } catch (err) {
   // handle error
    console.error(err);
  }
}

Then You can use it with any URL You want:

const status = await retrieveStatus('https://api.github.com/users/github')

edited Jan 11, 2022 at 22:55

answered Aug 22, 2018 at 19:39

KarlR

1,61515 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

deerawan · Accepted Answer · 2018-08-22 19:54:25Z

15

Another alternative solution is using Promise.all

fetch('https://api.github.com/users/github')
  .then(res => Promise.all([res.status, res.json()]))
  .then(([status, jsonData]) => {
    console.log(jsonData);
    console.log(status);
  });

Hope it helps

answered Aug 22, 2018 at 19:54

deerawan

8,5035 gold badges46 silver badges51 bronze badges

1 Comment

Kaleba KB Keitshokile Over a year ago

This solution makes the most sense.

NAVIN · Accepted Answer · 2018-08-22 20:05:42Z

-1

I might be going in opposite direction however I would suggest you to use requestJs, as its community is much bigger then node-fetch and provides lots of functionality.

With requestJs you can fetch statusCode like

 request("https://api.github.com/users/github", (err, res, body) => {
     let statusCode = res.statusCode;
 });

RequestJs also provides lots of easy way to call different API methods and also easy to watch API request and API response.

answered Aug 22, 2018 at 20:05

NAVIN

3,3174 gold badges21 silver badges32 bronze badges

1 Comment

Jankapunkt Over a year ago

Request has been deprecated

Nicolai Weitkemper · Accepted Answer · 2021-01-08 21:37:13Z

-1

Here is yet another variant, using async lambda functions and array destructuring:

fetch('https://api.github.com/users/github')
  .then(async (res) => {  
    return [await res.json(), res.status];
  })
  .then(([jsonData, status]) => {
    console.log(jsonData);
    console.log(status);
  })
  .catch((err) => {
    // handle error
    console.error(err);
  });

answered Jan 8, 2021 at 21:37

Nicolai Weitkemper

7121 gold badge12 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to get data and response status from API using node-fetch?

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related