單擊事件將條目填充到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 。