如何使用 Web API 调用中的数据填充 jquery DataTable

Question

我是 ASP.NET 和 jquery 的新手。 我想使用 ajax 填充 DataTable。使用来自 Web API 的数据。

例如

api/Employees

这是我的代码。

$('#myTable').DataTable( {
    ajax: '/api/Employees',
    columns: [ ... ]
});

但我收到一条错误消息：

DataTables 警告：表 id = myTable - Ajax 错误。更多 有关此错误的信息，请参阅http://datatables.net/tn/7

你知道是什么问题吗？因为当我在 Web 浏览器中运行 Web api 调用 api/Employess 时，数据以 XML 格式正确显示。

Answer 1

首先确保您的 API 返回成功的响应。我需要查看一些代码才能确定，但​​一个疯狂的猜测是你的 API 响应必须具有以下结构才能很好地与 dataTable 一起工作：

{ "data": [{}, {}, {}, (..)] }

Answer 2

请检查此链接 https://datatables.net/reference/option/ajax

$('#example').dataTable( {
  "ajax": {
    "url": "data.json",
    "type": "POST"
  }
} );