0

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

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

    setInterval( function () {
        table.ajax.reload();
    }, 30000 );
        });

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

4

1 回答 1

0

试试这个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/

于 2018-05-02T09:26:59.160 回答