时间戳

首页 > 解决方案 > laravel ajax 成功后如何刷新数据表？

php - laravel ajax 成功后如何刷新数据表？

问题描述

我使用数据表来显示我的数据。我将数据存储在 ajax 请求中并在成功响应后附加。数据附加成功。但问题是附加项目时数据表未更新。如果我重新加载页面，那么它可以工作。见图像红色标记。附加了数据，但未更新数据表。在此处输入图像描述

这是我的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成功后如何自动刷新数据表？

标签： phpjqueryajaxlaraveldatatable

解决方案

尝试如下： -

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

//ajax method that gets data from databases. 

});

使用此方法刷新您的表：

table.ajax.reload();

如果它给出一个错误

DataTables 警告：table id=table_id- 无效的 JSON 响应

然后在将数据添加到表之前使用以下函数来解决错误：

table.clear()

推荐阅读