javascript - 如何在ASP.NET中动态地将数据库数据添加到Jquery控件中？

我是Jquery的新手。我想在JQuery日历控件中显示每日报告，但我无法从任何一个数据库动态加载数据，请帮助我

<script>

$(document).ready(function() {

    $('#calendar').fullCalendar({
        defaultDate: '2014-11-12',
        editable: true,
        eventLimit: true, // allow "more" link when too many events
        events: [
            {
                title: 'All Day Event',
                start: '2014-11-01'
            },
            {
                title: 'Long Event',
                start: '2014-11-07',
                end: '2014-11-10'
            },
            {
                id: 999,
                title: 'Repeating Event',
                start: '2014-11-09T16:00:00'
            },
            {
                id: 999,
                title: 'Repeating Event',
                start: '2014-11-16T16:00:00'
            },
            {
                title: 'Conference',
                start: '2014-11-11',
                end: '2014-11-13'
            },
            {
                title: 'Meeting',
                start: '2014-11-12T10:30:00',
                end: '2014-11-12T12:30:00'
            },
            {
                title: 'Lunch',
                start: '2014-11-12T12:00:00'
            }

        ]
    });

});

然后请告诉我如何加载此标题并从asp.net中的数据库动态启动

最佳答案

您必须实现rest服务并使用AJAX调用它。最常见的方法是创建ApiController（如果使用的是MVC）或为ASMX Service添加WebForms。您还可以通过WebApi将WebForms导入到NuGet项目。

完整的解释太长了。我会给你一些片段：

配置路由表。在{action}中插入routeTemplate占位符

        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{action}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );

创建ApiController方法：

    [HttpGet]
    public List<CalendarEvent> GetEvents(int count)
    {
        return new List<CalendarEvent>();
    }

使用Jquery调用api方法并获取JSON：

        $.getJSON('http://yoursite.com/api/GetEvents', {
            count: 5
        }, function (data) {
            var jsonData = data;
        });