javascript - 如何重新初始化数据表？

Question

我有一个带有通知的页面，我想每 10 秒刷新一次，但我不想重新加载整个页面，只是重新加载包含通知的 div。通知本身位于数据表中，该数据表在加载页面时被初始化，但我一直无法让它在重新加载 div 时重新初始化数据表。 div 重新加载正常，但只是一个普通的表。这是我的代码:

$(document).ready(function () {
    loadNotificationsTable();
});

setInterval(reloadNotificationsTable, 10000);

function reloadNotificationsTable() {
    $('#NotificationsTable').dataTable().fnDestroy();

    $("#notificationsPlaceholder").load(location.href + " #notificationsPlaceholder>*", "");

    $("#notificationsPlaceholder").ready(function () {

        loadNotificationsTable();
    });
};

function loadNotificationsTable() {
    $('#NotificationsTable').dataTable({
        ajax: "data.json",
        "bLengthChange": false,
        'iDisplayLength': 1000,
        "bSort": false,
        "bFilter": false,
        "sDom": 'ft<"bottom"ilp>',
        "bDestroy": false,
        "bPaginate": false,
        "bInfo":false
    });
};

有人能帮助我并告诉我我做错了什么吗？

Answer 1

在回调中加载完成后尝试重新初始化数据表:

$("#notificationsPlaceholder").load(location.href + " #notificationsPlaceholder>*",function(data){
    loadNotificationsTable();
});

同时将此添加到您的初始化代码中因为你想更换 table

https://legacy.datatables.net/ref#bDestroy

"bDestroy": true,