ASP.NET MVC中从后台控制器（Controller）传递数据到前台页面视图（View）方式

方式一：

数据存储模型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 class DeploymentTaskController : Controller
    {
        public JsonResult CalendarData()
        {
            Operation op = new Operation();


            List<CalendarEvent> calendarData = op.GetData();

            return Json(calendarData, JsonRequestBehavior.AllowGet);


        }
    }

传输中数据样式截图：

 

 

方式二： 

数据存储模型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>

后台处理数据控制器Controller：

public class ModifyINIFileController : Controller
    {
        //
        // GET: /ModifyINIFile/

        public ContentResult ShowINIFileData()
        {

            string jsonData = op.GetINIFileData();
            
            return new ContentResult { Content = jsonData, ContentType = "application/json" };

        }
    }     

传输中数据样式截图：

 

本人用到及此，下次遇到再续写，谢谢！（有错有缺陷请指导）

原创，转载请注明出处 叁半月