获取 API 并返回特定数据

Question

所以，我正在尝试从Calendarific 获取API 我获取它并在console 中获取数据这是下面的代码：

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')
});

但我想访问特定的数据，例如。我只想访问name，我该怎么做？ Code 工作正常，但我在从API 访问特定数据时遇到问题我试过holidays[0].name 但它显示undefined 我在这里做错了什么？

Answer 1

接收 JSON 时，而不是

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

使用

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

另外，根据calendarific documentation，你应该先查询一个response键：

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