如何在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

您必須實現rest服務並使用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;
        });