JS获取事件数据并以全日历显示

时间:2019-07-19 15:55:23

标签: javascript arrays json fullcalendar fetch-api

我正在获取一些事件数据,我想在fullcalendar中显示它。

我能够获取数据并使用colsole.log()显示数据,但我不确定之后该怎么做。

日历希望数据采用以下格式;

var calendar = new Calendar(calendarEl, {
  events: [
    { // this object will be "parsed" into an Event Object
      title: 'The Title', // a property!
      start: '2018-09-01', // a property!
    }
  ]
})

我有一个function来获取数据(Eventbrite上有两个测试事件),请参见下文;

const token = 'mytoken';
const url = 'https://www.eventbriteapi.com/v3/users/me/events/?&expand=venue';

function getEB() {
    let fetchData = {
        headers: new Headers({
            'Authorization': `Bearer ${token}`,
            'Accept': 'application/json'
        }),
    }
    fetch(url, fetchData)
        .then(response => response.json())
        .then(data => {
        // get the number of events
        var numEvents = data.events;
        numEvents.forEach(function(element) {
            var title = element.name.text;
            var start = element.start.local;
        });
        console.log(data); 
    }).catch(error => console.error(error));
}

调用函数getEB时,我会在控制台的“网络响应”选项卡中看到this response(由于大小而复制到粘贴纸箱中)。

为了以正确的格式返回结果,我该如何处理我的代码?我需要能够访问该函数中的titlestart变量。

0 个答案:

没有答案