首页 > 解决方案 > 如何在单击按钮时重新加载 jquery 数据表中的数据?

问题描述

Onbutton 单击我触发了下面给出的 ajax.reload 方法:

我得到了附加的错误。

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

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

在此处输入图像描述

标签: jquery

解决方案


的文档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 选择器、再次调用插件等。


推荐阅读