单击事件将条目填充到jQuery数据表中

Question

我正在尝试用Ajax请求的条目填充表。

我可以确认我的Json数据具有适当的格式，以便可以在数据表中显示。

问题是，在请求之后，即使我能够在控制台中看到这些条目，也不会填充它们。

$(document).ready(function () {

    var $submitButton = $('.ladda-button[type="button"]').ladda();

    var table = $('.table').DataTable({
        processing: true,
        searching: false,
        responsive: true,
        filter: false,
        deferLoading:0,
        serverSide: true,
        bLengthChange: false,
        bSort: false,
        ajax: {
            url: "myUrl",
            type: 'post',
            dataSrc: function (json) {
                $submitButton.ladda('stop');
                var entries = json.data;
                return entries;
            }
        },


    });

    $(document).on('click',$submitButton, function(e){
        e.preventDefault();
        $submitButton.ladda('start');
        table.ajax.reload();
        return false;
    });
});

Answer 1

我认为您正在过早地重新加载表。 由于您使用的是Ajax，因此只希望在数据可用后重新加载。

尝试一下作为测试（10秒后重新加载）

setTimeout( function () {
    table.ajax.reload();
}, 10000 );

我对ladda并不熟悉，但也许是基于事件的，因此您可以修改代码以在stop事件或类似事件之后调用reload 。