在 laravel 中 ajax 成功后如何刷新數據表？

Question

我使用數據表來顯示我的數據。 在成功響應后，我將數據存儲在 ajax 請求和 append 中。 數據附加成功。 但問題是附加項目時數據表未更新。 如果我重新加載頁面，那么它可以工作。 見圖像紅色標記。 附加了數據，但未更新數據表。

這是我的 ajax 成功響應

 success: function(response) {
   if (response.status == true) {
      var href = "{{ route('home') }}/";
       $('#dataTable tbody').prepend( "<tr class='data" + response.data.id + "'>" +
           "<td><img src='" + href + "storage/sliders/" + response.data.image + "'></td>" +
            "<td>" + response.data.name + "</td>" +
            "<td>" + response.data.title+ "</td>" +
             "</tr>" ); 
           }
      }

ajax成功后如何自動刷新數據表？

Answer 1

嘗試如下： -

var table = $('#table_id').DataTable({

//ajax method that gets data from databases. 

});

使用此方法刷新您的表：

table.ajax.reload();

如果它給出一個錯誤

數據表警告：表 id=table_id-無效的 JSON 響應

然后在向表中添加數據之前使用下面的 function 來解決錯誤：

table.clear()