使用Ajax在完整日历上显示数据不显示记录 - javascript

我创建了一个完整日历，并使用ajax从数据库表填充事件。

我可以得到显示的图，但是它没有从数据库中填充事件，而是显示了今天的日期和时间，并且仅显示了一个事件。

我不确定自己在做什么错。

我正在关注本教程：
http://www.dotnetawesome.com/2017/06/event-calendar-in-aspnet-mvc.html

什么是
currently displaying

我的布局页面中的脚本

    <script>
    $(document).ready(function () {
        var events = [];
        $.ajax({
            type: "GET",
            url: "/Calendar/Schedules",
            success: function (data) {
                $.each(data, function (i, v) {
                    events.push({
                        title: v.Subject,
                        description: v.Description,
                        start: moment(v.Start),
                        end: v.EndTime != null ? moment(v.EndTime) : null,
                        color: v.ThemeColor,
                        allDay: v.IsFullDay
                    });
                })

                GenerateCalender(events);
            },
            error: function (error) {
                alert('failed');
            }
        })
        function GenerateCalender(events) {
            $('#calender').fullCalendar('destroy');
            $('#calender').fullCalendar({
                contentHeight: 400,
                defaultDate: new Date(),
                timeFormat: 'h(:mm)a',
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,basicWeek,basicDay,agenda'
                },
                eventLimit: true,
                eventColor: '#378006',
                events: events

            })
        }
    });
</script>

日历控制器下的Get方法

public JsonResult Schedules()
        {
            var schedules = _context.Schedules.ToList();
            var result = new JsonResult(new { Data = schedules});
           return new JsonResult(result.Value);
        }

参考方案

但是它没有从数据库中填充事件

请注意，您正在遵循的是ASP.NET Classic而不是ASP.NET Core的旧教程。我们返回JsonResult的方式已更改：

公共JsonResult Schedules（）
{
    var schedules = _context.Schedules.ToList（）;
    var result = new JsonResult（new {Data = schedules}）;
    返回新的JsonResult（result.Value）;
    返回新的JsonResult（schedules）;
}

今天，我们不再需要为Data指定JsonResult属性。相反，只需通过JsonResult构造一个new JsonResult(the_data)。
第二个问题是，如果您使用的是ASP.NET Core 3.1，则默认情况下返回的json是Camel-Cased。但是，您的JavaScript代码很可能假设服务器返回的JSON是Pascal-Cased。如果是这种情况，请如下更改您的js代码：

events.push（{
    标题：v.Subject，
    标题：v.subject，
    v。描述；
    说明：v.description，
    开始：时刻（v。开始），
    开始：时刻（v。开始），
    结束：v.EndTime！= null？ moment（v.EndTime）：null，
    结束：v.endTime！= null？ moment（v.endTime）：null，
    颜色：v.ThemeColor，
    颜色：v.themeColor，
    全天候：v.IsFullDay
    allDay：v.isFullDay
}）;

如果我得到url('')，我该如何使用另一个URL - javascript

我是新手，正在写这篇文章，但是如果源上没有图像，那么我只有空白。有人可以告诉我，如果我正在获取背景图像，如何获取/images/no-image.jpg：url（）;这是我的代码：<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

对ID为'abc％'的dom执行操作 - javascript

我想对ID为'abc％'的DOM进行一些操作<a id='abc1'></a> <a id='abc2'></a> <a id='abc3'></a> <a id='abc4'></a>…

Jsonp没有出现``访问控制允许来源''错误 - javascript

在我的PHP中，我喜欢这样来回显jsonp类型的“ json数据”echo $_GET['callback'] . '('.json_encode($arr).')'; 在我的js（angularjs）中，$http.get('http://example.com/app/?callbac…

获取JavaScript值到C＃字符串 - javascript

是否可以在C＃中执行类似的操作？该值为“ 10/05/2014”string jsValue = javascript("$('#EstimatedStartDate').val()"); 参考方案您能否更详细地阐明您要做什么。看来您正在尝试从javascript（客户…

AJAX-每当调用AJAX脚本时，JavaScript就会中断 - javascript

我雇用了一名开发人员来帮助完成某些工作，他主要专注于PHP，并尝试了这种javascript。每当以下AJAX脚本将HTML重新加载到DOM中时，它都会中断页面。它通过Codenigniter调用了一个函数以重新加载页面中的view。一旦发生这种情况，所有的javascript将不再起作用。我似乎找不到能帮助解决此问题的解决方案。请帮忙。注意：理想情况下…

使用Ajax在完整日历上显示数据不显示记录 - javascript

腾讯的同事天天给我安利让我看《三体》，说马化腾和雷军也在…