Javascript 刷新日历数据Div而不刷新页面

关于如何刷新包含完整日历的div的任何信息

我只想刷新div，以便在不编辑ViewModel或刷新页面的情况下检查它从数据库中提取的新数据。每30秒

index.html

<div id='calendar' style="background-color: #fff;"></div>

@section scripts{
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');

            let calendar = new FullCalendar.Calendar(calendarEl, {
                plugins: ['resourceTimeGrid'],
                defaultView: 'resourceTimeGridDay',
                schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
                businessHours: true,
                nowIndicator: true,
                minTime: "07:00:00",
                maxTime: "19:00:00",
                header: false,
                height: "parent",
                eventTextColor: '#fff',
                eventColor: '#005d99',
                resources: @Html.Raw(Json.Serialize(Model.Resources)),
                events:  @Html.Raw(Json.Serialize(Model.Events))
            });

            calendar.render();
        });
    </script>
}

@节脚本{
document.addEventListener（'DOMContentLoaded'，函数（）{
var calendarEl=document.getElementById（'calendar'）；
let calendar=new FullCalendar.calendar（calendarEl{
插件：['resourceTimeGrid']，
defaultView:'resourceTimeGridDay'，
SchedulerLisceKey:“GPL我的项目是开源的”，
《营业时间》：没错，
是的，
minTime：“07:00:00”，
maxTime:“19:00:00”，
标题：false，
身高：“父母”，
eventTextColor:“#fff”，
eventColor:“#005d99”，
参考资料：@Html.Raw（Json.Serialize（Model.resources）），
events:@Html.Raw（Json.Serialize（Model.events））
});
calendar.render（）；
});
}

只需将数组列表分配给日历源，如下所示：

EventArray = jQuery.parseJSON(response.Data);
$('#calendar').fullCalendar('addEventSource', EventArray);
$('#calendar').fullCalendar('destroy');
loadcalendar();// Calendar init

---

ti将如何每30秒刷新一次？