Fullcalendar not showing events from the database in laravel - ajax

Question

I'm trying to show events from the database on to the calendar but I'm getting the
alert('failed') call every time.
Please, anyone, help me solve this issue. I'm stuck here.
here is my script code:
$.ajax({
url:'events',
type: "GET",
cache: false,
datatype: 'json',
success: function(data){
alert('Hello');
$.each(data, function(index, val){
events.push({
title: val.name,
start_date: val.start_date,
end_date: val.end_date,
start_time: val.start_time,
end_time: val.end_time,
location:val.location,
description: val.description,
timezone:val.timezone,
alldDay: val.isFullDay
});
})
GenerateCalendar(events);
},
error : function(error){
alert('Failed');
}
});
function GenerateCalendar(events){
$('#calendar').fullCalendar('destroy');
$('#calendar').fullCalendar({
contentHeight: 400,
defaultDate: new Date(),
timeFormat:'h(:mm)a',
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
eventLimit: true,
eventColor: '#378006',
events: events
});
}
Controller Function:
public function getEvents()
{
$events = Event::all();
return response()->json(['data'=> $events])->getData();
}
Thanks in advance.

Answer 1

I see your event has the attributes
start_date, end_date, start_time, end_time
i have not seen anything about it in the fullcalendar documentation.
as far as i know, fullcalendar expects the events to have an attribute called start which is required and an optional called end
From the fullCalendar documentation:
start - The date/time an event begins. Required. A Moment-ish input, like an ISO8601 string. Throughout the API this will become a real Moment object.
If you want to use a JSON feed to get the events there is no need to make your own ajax call. you can use the eventSource property and fullCalendar will handle the fetching for you