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

Question

我是 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中的数据库动态启动

Answer 1

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

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

配置路由表。在 routeTemplate

中插入 {action} 占位符

        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;
        });