Jquery datatables 重载数据方法

最新推荐文章于 2023-09-22 17:36:13 发布

林尧彬

最新推荐文章于 2023-09-22 17:36:13 发布

阅读量167

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/zhangwei595806165/p/3718944.html

本文介绍了一个使用jQuery实现的刷新表格数据的方法。通过调用后端接口获取最新的数据，并更新到前端展示的表格中，实现了数据的实时刷新。此方法适用于需要定时更新数据的应用场景。

参考这里

｛

  RefreshTable('#table-example', '/BlogManage/GetLabelData');

}

function RefreshTable(tableId, url) {

    $.getJSON(url, null, function (json) {
        var table = $(tableId).dataTable();
        var 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();
    });
}