ASP.NET中MVC怎么从后台控制器传递数据到前台视图

这篇文章主要讲解了“ASP.NET中MVC怎么从后台控制器传递数据到前台视图”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ASP.NET中MVC怎么从后台控制器传递数据到前台视图”吧!

本文实例讲述了ASP.NET中MVC从后台控制器传递数据到前台视图的方式。分享给大家供大家参考。具体分析如下:

数据存储模型Model:

复制代码 代码如下:

public class CalendarEvent
{
public string id { get; set; }
public DateTime start { get; set; }
public DateTime end { get; set; }
public string backgroundColor { get; set; }
public string title { get; set; }
public string allDay { get; set; }
}

前台接收显示数据视图View:

复制代码 代码如下:

<script type="text/javascript">
$(function () {
    //calendar handle data as follows:

    var events = [];
    $.ajax({
 url: "/DeploymentTask/CalendarData",
 success: function (data) {
     events = data;
 },
 async: false
    });

    $("#calendar").fullCalendar({

 header: {
     left: 'prev,next today',
     center: 'title',
     //right: 'month,agendaWeek,agendaDay'
     right: 'month'
 },
 selectable: true,
 weekMode: 'variable',//fixed,variable,liquid
 events: events,
 defaultEventMinutes: 1440  //默认事件长度为一天
    });
});
</script>

后台处理数据控制器Controller:

复制代码 代码如下:

public JsonResult CalendarData()
{
    Operation op = new Operation();
    List<CalendarEvent> calendarData = op.GetData();
    return Json(calendarData, JsonRequestBehavior.AllowGet);
}

感谢各位的阅读,以上就是“ASP.NET中MVC怎么从后台控制器传递数据到前台视图”的内容了,经过本文的学习后,相信大家对ASP.NET中MVC怎么从后台控制器传递数据到前台视图这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!