如何重新加载/刷新 jQuery 数据表？

Question

我正在尝试实现功能，单击屏幕上的按钮将导致我的 jQuery dataTable 刷新（因为自创建 dataTable 以来服务器端数据源可能已更改）。

这是我所拥有的：

$(document).ready(function() {
    $("#my-button").click(function() {
        $("#my-datatable").dataTable().fnReloadAjax();
    });
});

但是当我运行它时，它什么也不做。单击按钮时刷新数据表的正确方法是什么？

原文由 IAmYourFaja 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以尝试以下方法：

function InitOverviewDataTable() {
    oOverviewTable = $('#HelpdeskOverview').dataTable({
        "bPaginate": true,
        "bJQueryUI": true, // ThemeRoller-stöd
        "bLengthChange": false,
        "bFilter": false,
        "bSort": false,
        "bInfo": true,
        "bAutoWidth": true,
        "bProcessing": true,
        "iDisplayLength": 10,
        "sAjaxSource": '/Helpdesk/ActiveCases/noacceptancetest'
    });
}

function RefreshTable(tableId, urlData) {
    $.getJSON(urlData, null, function(json) {
        table = $(tableId).dataTable();
        oSettings = table.fnSettings();

        table.fnClearTable(this);

        for (var i = 0; i < json.aaData.length; i++) {
            table.oApi._fnAddData(oSettings, json.aaData[i]);
        }

        oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
        table.fnDraw();
    });
}
// Edited by Prasad
function AutoReload() {
    RefreshTable('#HelpdeskOverview', '/Helpdesk/ActiveCases/noacceptancetest');

    setTimeout(function() {
        AutoReload();
    }, 30000);
}

$(document).ready(function() {
    InitOverviewDataTable();
    setTimeout(function() {
        AutoReload();
    }, 30000);
});

http://www.meadow.se/wordpress/?p=536

原文由 Xavier 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在 DataTables 1.10.0 版本中，它是内置的并且很容易：

 var table = $('#example').DataTable();
table.ajax.reload();

要不就

$('#example').DataTable().ajax.reload();

http://datatables.net/reference/api/ajax.reload()

原文由 atmelino 发布，翻译遵循 CC BY-SA 4.0 许可协议