【发布时间】:2016-01-28 00:41:30
【问题描述】:
有没有一种方法可以自动刷新 jquery 数据表中的数据?我想单击一个按钮,该按钮将发出 AJAX 请求以返回新数据并将数据插入数据表中。我想要类似的东西:
$("#update_button").click(function(e) {
$.ajax({
type: "POST",
data: productType,
url: "/api/getproducts",
success: function(data, status) {
$('#products_table').DataTable( {
data: data,
columns: [
{ title: "col 1" },
{ title: "col 2" },
{ title: "col 3" },
{ title: "col 4" },
{ title: "col 5" },
{ title: "col 6" }
]
});
},
error: function(data, status, res) {
console.log('error...');
console.log(res);
}
});
});
但是这给了我“表无法重新初始化”错误...有人可以帮忙吗?
谢谢!
【问题讨论】:
-
参见
https://datatables.net/reference/api/ajax.reload(),ajax.reload()是一个可用的库,可以从它们的 ajax 源重新加载 jquery 数据表。 -
你应该把初始化代码从点击事件中取出,然后调用
draw()来刷新数据。
标签: javascript jquery ajax datatables