在單擊事件中將條目填充到jQuery Datatable上

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但也許它基於事件的，你可以修改你的代碼停止事件或類似的東西之後調用reload 。