将 JSON 中的事件添加到完整日历

Question

我正在尝试使用我的 json 字符串将事件添加到我的全日历日历中。 这是我的代码：

viewRender: function(view, element){
        $.ajax({
            url: 'http://www.example.com/get-events-json.php',
            type: 'POST',
            success: function (data) {
                $('#calendar').fullCalendar('addEventSource', data);
            },
            fail: function() {
                alert('There was an error while fetching events.');
            }
           });
    }
});

在我的success中，data是：

[{"title":"John Bobby","start":"2017-05-16T15:30:00","end":"2017-05-16T15:30:00"},{title":"Jason Kaple","start":"2017-05-20T17:30:00","end":"2017-05-20T17:30:00"}]

如您所见，我尝试使用$('#calendar').fullCalendar('addEventSource', data);添加它，但我在控制台中收到一条错误消息：

http://www.example.com/[JSON (数据(...] 404(未找到(

我该如何解决这个问题？有什么办法可以解决这个问题吗？谢谢

Answer 1

您还可以从 ajax 调用中获取数据，并在渲染后使用 addEvent 添加元素

function addEvent(title, date){
    calendar.addEvent({
        title: title,
        start: date,
        allDay: true,
        color: 'green'
    });
}
for(event of events){
    addEvent(event.title, event.date)
}