jquery - 如何在单击按钮时重新加载 jquery 数据表中的数据?
问题描述
Onbutton 单击我触发了下面给出的 ajax.reload 方法:
我得到了附加的错误。
$("#btnGenerate").on("click", function (event) {
$('#tblDataTable').DataTable().ajax.reload({ url: "/Home/GetStatus", type: "GET", datatype: "json" })
});
解决方案
的文档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 选择器、再次调用插件等。
推荐阅读
- python - 如何在 python 中存储 SQL 表以使用它?
- c# - 在 ASP.NET Web 应用程序中使用函数
- perl - 查找与多个范围重叠的所有值的总和 perl
- javascript - 为什么在 redux 中使用不可变数据结构时,选择器总是返回不可变的。?
- python - 合并 Try:Beaufifulsoup4 中的块除外
- angular - 无法在 *ngFor 循环中显示多个对象
- c - 尝试获取主目录时的隐式声明警告
- python - 如何使用 Pandas 按子集读取 CSV 文件子集?
- python - 责任链设计模式是否适合在硬件组件上运行的 Python 解决方案
- vue.js - 使用 v-for 与 HTML/JavaScript 逻辑嵌套 Vue 组件?