Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
ASP.NET Web API中的jQuery DataTables和$.getJSON问题_Json_Asp.net Web Api_Jquery Datatables - Fatal编程技术网

ASP.NET Web API中的jQuery DataTables和$.getJSON问题

ASP.NET Web API中的jQuery DataTables和$.getJSON问题,json,asp.net-web-api,jquery-datatables,Json,Asp.net Web Api,Jquery Datatables,我试图从ASP.NETWebAPI控制器返回的JSON结果构建Jquery数据表 我在初始页面加载时得到结果,但当我单击对列进行排序、分页等时。。。没有结果。这就好像我的DataTable无法加载JSON一样 这是我的代码,提前感谢您提供的帮助: var apiUrl = 'api/dockets?beginning_date=10/28/2013'; $(document).ready(function () { $('#results-list').dataTable({

我试图从ASP.NETWebAPI控制器返回的JSON结果构建Jquery数据表

我在初始页面加载时得到结果,但当我单击对列进行排序、分页等时。。。没有结果。这就好像我的DataTable无法加载JSON一样

这是我的代码,提前感谢您提供的帮助:

var apiUrl = 'api/dockets?beginning_date=10/28/2013';

$(document).ready(function () {
    $('#results-list').dataTable({

        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "/api/dockets"

    });
    // Send an AJAX request
    $.getJSON(apiUrl)
        .done(function (data) {

            $.each(data, function (key, item) {

                $('<tr><td>' + item.LastName + ', ' + item.FirstName + '</td><td>' + item.CaseNumber + '</td><td>' + item.CaseStatus + '</td><td>' + item.CourtSessionDate + '</td><td>' + item.CourtSessionStartTime + '</td><td>' + item.AppearanceReason + '</td><td>' + item.CourtRoom + '</td><td>' + item.OffenseDescription + '</tr>').appendTo("#results-list tbody");
            });
        });
});
var-apiUrl='api/dockets?开始日期=10/28/2013';
$(文档).ready(函数(){
$(“#结果列表”)。数据表({
“bProcessing”:正确,
“bServerSide”:正确,
“sAjaxSource”:“/api/摘要”
});
//发送AJAX请求
$.getJSON(apiUrl)
.完成(功能(数据){
$。每个(数据、功能(键、项){
$(“”+item.LastName+“”,“”+item.FirstName+“”+item.CaseNumber+“”+item.CaseStatus+“”+item.CourtSessionDate+“”+item.CourtSessionStartTime+“”+item.appearanceason+“”+item.courroom+“”+item.OffenseDescription+“”)。附件(“结果列表正文”);
});
});
});

好的,这个工作正常了。比我想象的要容易

显然,如果您使用的是“sAjaxSource=”mySource/”,那么就不需要额外的jquery JSON调用

此外,还向我的dataTable调用添加了var oTable包装,并使用mData定义了我的列:

$(document).ready(function () {
   var oTable = $('#results-list').dataTable({
        "bFilter": false,
        "bProcessing": true,
        "sAjaxDataProp": "",
        "aoColumns": [
        { "mData": "LastName" },
        { "mData": "CaseNumber" },
        { "mData": "CaseStatus" },
        { "mData": "CourtSessionDate" },
        { "mData": "CourtSessionStartTime" },
        { "mData": "AppearanceReason" },
        { "mData": "CourtRoom" },
        { "mData": "OffenseDescription" }
        ],
        "sAjaxSource": "api/dockets?beginning_date=10/30/2013",
        "bInfo": false
    });
});

这篇文章将向您介绍jQueryDataTables请求参数、排序、搜索以及使用ASP.NETWebAPI进行分页