数据表 Ajax 调用不显示数据



我正在使用数据表库来显示一些数据,并希望每 30 秒更新一次,其中包含从 URL 获取的数据。我遵循了 api 文档并实现了以下代码来执行此操作:

$( document ).ready(function() {
var table = $('#performance_summary').DataTable( {
ajax: 'https://myjasonurl.com'
} );
setInterval( function () {
table.ajax.reload();
}, 30000 );
});

当页面加载时,我可以看到调用了正确的 URL 来检索数据,并且以正确的格式返回数据以在表中正确显示(我已经通过将其直接加载到表中来检查这是否有效(。不幸的是,使用 ajax 调用时生成的数据表声明它正在"加载"但从不加载/显示数据,有人知道我如何解决这个问题吗?

尝试DataTable().ajax.url函数,
以下代码对我来说效果很好:

$(document).ready(function() {   
var table = $('#performance_summary').DataTable({
paging: false,
searching: false,
ajax: "https://api.myjson.com/bins/897v1",
columns: [{
"title":"Test",
"data": "test"
}]
});
setInterval( function () {
$('#performance_summary').DataTable().ajax.url(
"https://api.myjson.com/bins/897v1"
).load();
}, 3000 );
});

这是小提琴:https://jsfiddle.net/ju2bmtm7/84/

最新更新