Javascript &引用；表“中无可用数据”；尽管html表中有数据，但仍显示

在我的代码中，我在同一个页面中创建了两个表，我使用dataTables.min.js和jquery-1.10.2.js脚本

不幸的是，我得到了一个错误“表中没有可用数据”，然后它显示了实际数据

如何删除这个？如果我点击表格标题中的“排序”，我在表格中看不到任何数据。据我所知，没有数据绑定到Id“datatable按钮”

首先，您的表必须包含
thead
和
tbody

<table id="datatable-buttons">
   <thead>
     <tr><th>...</tr>
   </thead>
   <tbody></tbody>
</table>


...

然后必须在将所有行追加到表后调用DataTable函数：

$(document).ready(function () {
    $.getJSON("http://localhost:5000/api/v1/category", function (data) {
        $.each(data, function (i, item) {
            var tr = $('<tr>');
            $(tr).append("<td>" + item.code + "</td>");
            $(tr).append("<td>" + item.name + "</td>");
            $(tr).append("<td>" + item.description + "</td>");
            $(tr).append('</tr');
            $('#datatable-buttons tbody').append(tr)
        });
        $('#datatable-buttons').DataTable()
    });
});

$（文档）.ready（函数（）{
$.getJSON（“http://localhost:5000/api/v1/category，函数（数据）{
$。每个（数据、功能（i、项）{
var tr=$（''）；
$（tr）.append（“+item.code+”）；
$（tr）.append（“+item.name+”）；
$（tr）.append（“+item.description+”）；
$（tr）.追加（“为什么不使用DateTable的
ajax
选项调用URL的可能重复…？@adiga我也看到了重复stackoverflow链接的同样问题-我在这里共享代码-如果你能帮我找到错误的地方，那就太好了。我觉得我正在使用更多的Javascript来加载页面，并且我已经找到了It’没有使用实际的javascript来定义Id。@Viksool添加了Ajax功能，但仍然看到了相同的结果。我在上面的评论中共享了代码。我在按照您的指定关闭……之后添加了getJSON代码……但现在我收到了错误-$未定义您的脚本必须放在包含jquery脚本之后我仍然是l面对“无可用数据”：）-我在这里分享了我的代码-
$(document).ready(function () {
    $.getJSON("http://localhost:5000/api/v1/category", function (data) {
        $.each(data, function (i, item) {
            var tr = $('<tr>');
            $(tr).append("<td>" + item.code + "</td>");
            $(tr).append("<td>" + item.name + "</td>");
            $(tr).append("<td>" + item.description + "</td>");
            $(tr).append('</tr');
            $('#datatable-buttons tbody').append(tr)
        });
        $('#datatable-buttons').DataTable()
    });
});