Fetching API and return Specific data

Question

So, I am trying to fetch API from Calendarific I fetch it and I get data in console here is the code below:

btn.addEventListener('click', function fetchApi(){
fetch('https://calendarific.com/api/v2/holidays?&api_key=<myKey>&country=US&year=2019')
.then(res => res.text())
.then(data => {
    //holiday.innerHTML = data;
    //console.log(data);
    console.log(data.holidays[0].name)
})
 .catch(err => console.log(err));
  // alert('click')
});

But I want to access specific data like. I want to access only the name and how can I do that? Code works fine but I faced problem to access specific data from API I tried holidays[0].name But it shows undefined What I am doing wrong here?

res -> res.json()

M A Salman
– M A Salman

2020-04-10 04:10:33 +00:00
Commented Apr 10, 2020 at 4:10 — M A Salman
– M A Salman, Commented Apr 10, 2020 at 4:10
show us how the data looks like

M A Salman
– M A Salman

2020-04-10 04:13:24 +00:00
Commented Apr 10, 2020 at 4:13 — M A Salman
– M A Salman, Commented Apr 10, 2020 at 4:13

ariel · Accepted Answer · 2020-04-10 04:10:59Z

2

When receiving JSON, instead of

.then(res => res.text())
.then(...

use

.then(res => res.json())
.then(...

Also, according to calendarific documentation, there's a response key you should query first:

console.log(data.response.holidays[0].name)

answered Apr 10, 2020 at 4:10

ariel

16.2k13 gold badges65 silver badges75 bronze badges

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

3 Comments

kedar sedai Over a year ago

Okay! Thank You I got it I thought for displaying data on the browser I need to use res.text() but now I am confused about in which condition I need to use res.text()?

ariel Over a year ago

When the URL you are querying return a text, use text, when it's a json, use json

ariel Over a year ago

You can post a new question

Collectives™ on Stack Overflow

Fetching API and return Specific data

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related