ASP.NET MVC中從後台控制器（Controller）傳遞資料到前台整頁模式（View）方式__NET

方式一：

資料存放區模型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 Code

前台接收顯示資料檢視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>

View Code

幕後處理資料控制器Controller：

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

View Code

傳輸中資料樣式截圖：

 

 

方式二： 

資料存放區模型Model：此方式未用到Model儲存，是以向前台整頁模式View傳遞字串string型資料（包括string型json資料），用到傳遞json型資料時需要建立資料存放區的Model。這裡使用字串拼接方法實現的
前台接收顯示資料檢視View：

<script type="text/javascript">        $(document).ready(function () {            var INIData = [];                        $.ajax({                url: '/ModifyINIFile/ShowINIFileData',                success: function (data) {                    INIData = data;                },                async:false            });                        $('#tt').tree({                method: 'get',                data: INIData,                checkbox: true,                lines: true,                animate: true,                                onCheck: function (node,checked) {                    //alert(node.checked);                    //alert(node.target);                    changeKeyData = node.text;                    changeValueData = node.checked;                    changeData +="*"+changeKeyData +"|"+ changeValueData;                                    },                onlyLeafCheck:true,                cascadeCheck: false            });        });</script>

View Code

幕後處理資料控制器Controller：

public class ModifyINIFileController : Controller    {        //        // GET: /ModifyINIFile/        public ContentResult ShowINIFileData()        {            string jsonData = op.GetINIFileData();                        return new ContentResult { Content = jsonData, ContentType = "application/json" };        }    }     

View Code

傳輸中資料樣式截圖：

 

本人用到及此，下次遇到再續寫，謝謝。（有錯有缺陷請指導）