Question

我使用数据表库来显示一些数据，并希望每隔30秒更新一次，并从URL中获取数据。我已经关注了api文档，并且已经实现了以下代码来执行此操作：

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

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

当页面加载时，我可以看到调用正确的URL来检索数据，并以正确的格式返回数据，以便在表格中正确显示（我通过直接将其加载到表中来检查这是否有效））。不幸的是，使用ajax调用时产生的数据表明它是＆＃34; loading＆＃34;但从不加载/显示数据，有没有人知道我如何解决这个问题？

Answer 1

尝试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/

数据表Ajax调用不显示数据

1 个答案: