单击按钮后如何在jquery数据表中重新加载数据？

Question

单击按钮后，我将触发下面给出的ajax.reload方法：

我得到了附件错误。

$("#btnGenerate").on("click", function (event) {

            $('#tblDataTable').DataTable().ajax.reload({ url: "/Home/GetStatus", type: "GET", datatype: "json" })
        });

Answer 1

The documentation for ajax.reload()说它期望功能和布尔值。就像错误指出的那样，这确实不是一个函数：

{ url: "/Home/GetStatus", type: "GET", datatype: "json" }

如何从AJAX获取数据的选项在DataTables插件的初始化中。您需要在这里做的就是重新加载它：

$('#tblDataTable').DataTable().ajax.reload();

理想情况下，初始化插件时，会将表存储在变量中：

let myTable = $('#tblDataTable').DataTable({
    // your initialization options
});

然后您可以使用该变量轻松重新加载：

myTable.ajax.reload();

这样，您不必再次调用jQuery选择器，再次调用插件等等。