刷新数据表数据而不重新加载整个页面

我使用codeigniter在数据表上加载数据，在数据表上每行都有一个链接，当点击数据发送到其他地方时。 该特定行中的数据应该消失，只剩下未被点击的链接。 我已经设法用AJAX做到了但是在成功时我被迫在jQuery超时重新加载页面

样品：

//Table headers here    filename ?>  nqcl_number ?>    nqcl_number, 'Assign') ?> Assign1 <input type="hidden" id="labref_no" value="nqcl_number; ?>" />  uploaded_by ?> datetime_uploaded ?>     

我希望在AJAX成功时，链接所在的数据表行将从表中动态删除，而不会刷新页面。

 $.ajax({ type: "POST", url: "assign/sendSamplesFolder/" + labref, data: data1, success: function(data) { var content = $('.tablebody'); $('div.success').slideDown('slow').animate({opacity: 1.0}, 2000).slideUp('slow'); $.fancybox.close(); //Reload the table data dynamically in the mean time i'm refreshing the page setTimeout(function() { window.location.href='Uploaded_Worksheets'; }, 3000); return true; }, error: function(data) { $('div.error').slideDown('slow').animate({opacity: 1.0}, 5000).slideUp('slow'); $.fancybox.close(); return false; } }); 

我试过这个，但它加载了两个相同的页面。 什么是工作？

  content.load(url); 

Answer 1

您可以使用fnDraw()强制数据表重新查询数据源。 试试这个：

 // store a reference to the datatable var $dataTable = $("#myTable").dataTable({ /* Your settings */ }); // in the AJAX success: success: function(data) { $dataTable.fnDraw(); }, 

阅读文档中的fnDraw条目。

Answer 2

 var $dataTable = $("#myTable").dataTable({ /* Your settings */ }); var oSettings = $dataTable.fnSettings(); var page = Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength); $dataTable.fnPageChange(page);