Asp.net MVC 5 Ajax调用不触发方法

时间:2017-10-06 23:21:45

标签: javascript jquery ajax asp.net-mvc-5 asp.net-ajax

我有问题,当我进行ajax调用时,它无法到达服务器。我已经看过很多关于这个问题的帖子,但是这些帖子对我来说都不适用。 发生的奇怪的事情是,当我在firefox中使用start with debugger时,这个代码正常工作,然后它也会遇到断点。但是当我在没有调试器的情况下启动项目时,它无法在firfox或chrome上运行。出了什么问题?

这是我的ajax电话:

$(document).ready(function () {
        var events = [];            
        $.ajax({
            type: "GET",
            url: "Agenda/GetEvents",
            success: function (data) {
                $.each(data, function (i, v) {
                    events.push({
                        title: v.Subject,
                        description: v.Description,
                        start: moment(v.StartDateTime),
                        end: v.EndDateTime != null ? moment(v.EndDateTime) : null,
                        color: v.ThemeColor,
                        allDay: v.IsFullDay
                    });
                    console.log("Pushing");
                })
                GenerateCalender(events);
            },
            error: function (error) {
                alert('failed');
            }
        })

        function GenerateCalender(events) {
            $('#calender').fullCalendar('destroy');
            $('#calender').fullCalendar({
                aspectRatio: 1.5,
                defaultDate: new Date(),
                timeFormat: 'HH:mm',
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month'
                },
                eventLimit: true,
                eventColor: '#378006',
                events: events,
                eventClick: function (calEvent, jsEvent, view) {
                    $('#myModal #eventTitle').text(calEvent.title);
                    var $description = $('<div/>');
                    $description.append($('<p/>').html('<b>Starttijd: </b>' + calEvent.start.format("DD-MMM-YYYY HH:mm ")));
                    if (calEvent.end != null) {
                        $description.append($('<p/>').html('<b>Eindtijd: </b>' + calEvent.end.format("DD-MMM-YYYY HH:mm ")));
                    }
                    $description.append($('<p/>').html('<b>Beschrijving: </b>' + calEvent.description));
                    $('#myModal #pDetails').empty().html($description);

                    $('#myModal').modal();
                }
            })
        }
    })

这是它需要进入AgendaController的方法:

    [HttpGet]
    public JsonResult GetEvents()
    {
        var listofEvents = db.Events.ToList(); 

        return new JsonResult{ Data = listofEvents, JsonRequestBehavior = JsonRequestBehavior.AllowGet};
    }

提前谢谢

2 个答案:

答案 0 :(得分:0)

[HttpGet]
public JsonResult GetEvents()
{
    var listofEvents = db.Events.ToList(); 

    return Json (Data = listofEvents, JsonRequestBehavior.AllowGet);
}

答案 1 :(得分:0)

我已经找到了解决方案。问题不在Ajax调用中......问题是控制器有一个授权,我忘了让GetEvents方法允许匿名。我很遗憾浪费任何时间:&#39;)我应该删除这篇文章吗?或者我不应该采取进一步的行动?