使用Ajax以全日历显示事件

Question

我在asp.net core 2.0上编写应用程序。 并尝试显示日历中存储在数据库中的事件。 我已经添加了指向js和css文件的链接，如文档中所示。 作为事件源，我使用事件作为功能，如正式文档Fullcalendar Doc中所示，但我的日历未显示事件。 它是空的！

Schedules控制器中的GetEvents方法，该方法从数据库获取数据

    public ActionResult GetEvents()
    {
        return new JsonResult(Json(from events in _context.Schedules
                                   select new { id = events.ID,
                                                EventTitle = events.EmployeeID,
                                                ShiftDate = events.ShiftDate.Date } ));
    }

我也尝试修改ajax，但它也无法正常工作。

<div id="calendar"></div>

<script>
    $(document).ready(function () {
        $('#calendar').fullCalendar({
             events: function (start, end, timezone, callback) {
                $.ajax({
                    url: "/Schedules/GetEvents",
                    type: "POST",
                    dataType: "JSON",

                    success: function (result) {
                        var eventsList = [];
                        // alert(result);                 // --1--
                        // alert(JSON.stringify(result)); // --2--
                        $(result).each(function () {
                            var eventTitle = $(this).attr('EventTitle');
                            var eventStart = $(this).attr('ShiftDate');
                            var eventId = $(this).attr('id');
                            eventsList.push(
                                {
                                    id: eventId,
                                    title: eventTitle,
                                    start: eventStart
                                });
                        });
                        if (callback)
                            callback(eventsList);
                    }
                });
            }

        });
    });
</script>

第一个alert显示消息[Object object]... ，第二个alert显示“ JSON字符串”中的所有选定数据。 但是日历不显示任何内容。 那么，我在做什么错呢？ 谢谢！

Answer 1

尝试这个：

result.forEach(function (item) { 
  eventsList.push({ 
    id: item.id, title: item.EventTitle, start: item.ShiftDate 
  }) 
})