Javascript 如何使数据表工作？

对。说到jquery，我是个新手。我试着远离它，但这种工作似乎需要它。尽管有人说你真的不必这么做

现在，我从中获得了扩展，并将其实现到我的HTML中。我这里的问题是，我似乎无法在加载时获得html上显示的表。 是因为缺少表的值吗？还是我遗漏了一些我应该在代码中定义的东西，以使其正常工作

---

如果您实际上在/api/staff路径上有一个服务，那么您的问题是在DOM准备就绪之前初始化datatable。您需要将DOM操作代码包装到

$(document).ready(function() {
    //code here
});

否则它将无法工作

对于您的示例，如果您使用datatables调用的最简单变体，则datatables似乎工作正常：

$(document).ready(function() {
    $('#myTable').DataTable({
        ajax: '/api/staff',
    });
}); 

这个例子可以在上看到，尽管它没有从/api/staff服务中得到任何结果

---

当这项工作正常时，可以向.DataTable调用添加其他参数，如列。确保一个接一个地添加参数，这样您就可以了解每个参数的作用。在您的示例中，您直接从他们的站点复制了示例中的代码，并更改了Ajax url。改为更改参数以使用您的系统：-

如果您实际上在/api/staff路径上有一个服务，那么您的问题是在DOM准备就绪之前初始化datatable。您需要将DOM操作代码包装到

$(document).ready(function() {
    //code here
});

否则它将无法工作

对于您的示例，如果您使用datatables调用的最简单变体，则datatables似乎工作正常：

$(document).ready(function() {
    $('#myTable').DataTable({
        ajax: '/api/staff',
    });
}); 

这个例子可以在上看到，尽管它没有从/api/staff服务中得到任何结果

---

当这项工作正常时，可以向.DataTable调用添加其他参数，如列。确保一个接一个地添加参数，这样您就可以了解每个参数的作用。在您的示例中，您直接从他们的站点复制了示例中的代码，并更改了Ajax url。改为更改参数以使用您的系统：-

我清理了一下JSFIDLE：-不要在左上窗格中包含整个HTML文件。左下角的窗格用于所有脚本，左侧的面板中包括jquery、datatables和css文件的脚本。谢谢。非常感谢！我清理了一下JSFIDLE：-不要在左上窗格中包含整个HTML文件。左下角的窗格用于所有脚本，左侧的面板中包括jquery、datatables和css文件的脚本。谢谢。非常感谢！真棒的回答！我有一个api/员工服务，它也在连接，但由于我公司的防火墙而没有响应。但是，样式和按钮/等仍然可以正常工作！谢谢-真棒的回答！我有一个api/员工服务，它也在连接，但由于我公司的防火墙而没有响应。但是，样式和按钮/等仍然可以正常工作！谢谢-