laravel: как кормить данные в fullcalendar, извлекаемые из базы данных в контроллере

Question

мой контроллер:

 public function eventCalender(){
    $eventCalender = [
        'title' => 'Matts Booking',
        'start' => '2019-05-05',
    ];
    $response = [
        'eventCalender'   => $eventCalender,
        'status'    => 1,
    ];
    return response()->json($response);
}

мой файл js:

function getEventCalender() {
    var actionurl = base_url + "/events/event-calender";
    $.ajax({
        type: "GET",
        url: actionurl,
        success: function (res) {
            if (res['status'] == 1) {
                $("#event-list").hide();
                $("#calender-list").show();
            } else {
                console.log("Something went wrong!!!!");
            }
        },
        error: function (jqXHR, exception) {
            $("#errormsg").show();
        }
    });
}
$(document).ready(function () {
    getEventCalender();
    document.addEventListener('DOMContentLoaded', function () {
        var calendarEl = document.getElementById('calendar');

        var calendar = new FullCalendar.Calendar(calendarEl, {

            plugins: ['interaction', 'dayGrid', 'list', 'googleCalendar'],

            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,listYear'
            },

            defaultDate: '2019-03-12',
            navLinks: true,
            businessHours: true,
            editable: true,
            event: res.eventCalender,

        });

        calendar.render();
    });
});

так что это мой контроллер и файл js, что я хочу, когда я получаю данные из контроллера, как мне распечатать эти данные в календаре?

и яЯ использую fullcalendar, поэтому, когда я добавляю

document.addEventListener('DOMContentLoaded', function () { }

эту функцию, тогда на странице отображается только мой календарь.
Если я поставил вышеуказанную функцию из функции getEventCalender(), то мой календарь отобразитсяотлично, но когда я помещаю это в getEventCalender() функцию, как показано выше, она не показывает мой календарь.

Answer 1

Вызвать функцию getEventCalender() в документе, готовую к выполнению после загрузки всего содержимого

$(function() {
   getEventCalender();
})