Unable to get json from axios

Question

Newbie in JS.

I want to get the json response from axios requet

const activities = Axios.get("https://api.github.com/events").then(response => response.data);
console.log(activities);

But I do not understand why it is still showing Promise {<pending>} in console.

can you add more code here ? to acheive this you need to learn how promise works or await/async. — Atul, Aug 18 '18 at 18:25

score -1 · Answer 1 · answered Aug 18 '18 at 18:27

-1

The reason is that Axios.get() returns a promise. You can apply a .then() callback to the Promise to process what was resolved by the promise.

Here is what you can do:

Axios.get("https://api.github.com/events").then(response => {
    const activities = response.data;
    console.log(activities);
});

You can also use newer async/await depending on version of node you are using:

const foo = async () => {
    const response = await Axios.get("https://api.github.com/events");
    const activities = response.data;
    console.log(activities);
}

answered Aug 18 '18 at 18:27

Anand Undavia

3,493
5
19
33

Can you please explain ? To my understanding applying the `then` callback to a Promise will result in its resolution. – Raheel Aug 18 '18 at 18:30
1

@RaheelKhan No. You can not assign the the return value of a resolved promise. What you want to do can be done using async and await. – Arup Rakshit Aug 18 '18 at 18:33
I tried your first approach and now the `activities` variable is undefined outside the axios scope – Raheel Aug 18 '18 at 18:37
Does it means that I have to do all my operations inside the callback ? – Raheel Aug 18 '18 at 18:42
No, as I mentioned, you can use async/await keywords to make your code look 'flat' – Anand Undavia Aug 18 '18 at 19:36

Unable to get json from axios

1 Answers1