ASP.NET中MVC怎么從后臺控制器傳遞數(shù)據(jù)到前臺視圖

這篇文章主要講解了“ASP.NET中MVC怎么從后臺控制器傳遞數(shù)據(jù)到前臺視圖”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“ASP.NET中MVC怎么從后臺控制器傳遞數(shù)據(jù)到前臺視圖”吧！

本文實例講述了ASP.NET中MVC從后臺控制器傳遞數(shù)據(jù)到前臺視圖的方式。分享給大家供大家參考。具體分析如下：

數(shù)據(jù)存儲模型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; }
}

前臺接收顯示數(shù)據(jù)視圖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>

后臺處理數(shù)據(jù)控制器Controller：

復制代碼 代碼如下:

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

感謝各位的閱讀，以上就是“ASP.NET中MVC怎么從后臺控制器傳遞數(shù)據(jù)到前臺視圖”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對ASP.NET中MVC怎么從后臺控制器傳遞數(shù)據(jù)到前臺視圖這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！