ASP.NET Web API中的jQuery DataTables和$.getJSON问题
我试图从ASP.NETWebAPI控制器返回的JSON结果构建Jquery数据表 我在初始页面加载时得到结果,但当我单击对列进行排序、分页等时。。。没有结果。这就好像我的DataTable无法加载JSON一样 这是我的代码,提前感谢您提供的帮助: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({
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进行分页