jquery - 通过 json 将 fullcalendar 事件传递到 Controller

Question

我正在尝试通过 Json 将 fullcalendar 事件传递到我的 Controller ，但是我将 null 传递到我的 Controller ？我究竟做错了什么？这是我的查看代码:

<script type='text/javascript'>
    $(document).ready(function () {
        $(function () {
            $("#save").click(function () {
                var eventsFromCalendar = $('#calendar').fullCalendar('clientEvents');
                alert(eventsFromCalendar);
                $.ajax(
            {

                url: '@Url.Action("Save")',
                type: 'POST',
                traditional: true,
                data: eventsFromCalendar,
                dataType: "json",
                success: function (response) {
                    alert(response);
                },
                error: function (xhr) {
                    debugger;
                    alert(xhr);
                }
            });
            });
        });
    });
     </script> 

还有我的 Controller :

[HttpPost]
public JsonResult Save(object[] data)
{
    // edit the item and get it back
    return Json("success");
}

当我闯入 Jscript 并查看 eventsFromCalendar 时，它填充得很好。

Answer 1

尝试将您的事件转换为 JSON 文本:

data:{ eventsJson: JSON.stringify(eventsFromCalendar) }

(参见 JSON.stringify Function (JavaScript) )

然后使用类似 Json.NET 的工具解析 Controller 操作中发布的 JSON 字符串:

[HttpPost]
public ActionResult Save(string eventsJson)
{
    var events = JsonConvert.DeserializeObject<IEnumerable<Event>>(eventsJson);
    return View();
}

public class Event
{
    public int Id { get; set; }
    public string Title { get; set; }
    public DateTime Start { get; set; }
    public DateTime End { get; set; }
}