淘先锋技术网

首页 1 2 3 4 5 6 7

在前后端分离的开发模式中,使用Ajax无刷新获取数据已成为常见的方式之一。而jQuery Datatables 也成为了常用的表格插件,其可以将获取的数据动态渲染到表格中,同时还提供了排序、搜索、分页等功能。但是在使用过程中,我们常常需要刷新表格中的数据,以保证数据的准确性和实时性。下面我们就来介绍几种常见的jQuery Datatables 刷新方法。

// 通过DataTable对象的ajax.reload()方法刷新数据
$('#table_id').DataTable().ajax.reload();
// 利用clear()方法清除当前表格中的所有行,然后使用rows.add()方法添加新数据,最后通过draw()方法重新渲染表格。
var new_data = [{id:1,name:'jack'},{id:2,name:'tom'},{id:3,name:'lucy'}];
var table = $('#table_id').DataTable();
table.clear().rows.add(new_data).draw();
// 直接修改表格中的数据,然后通过draw()方法重新渲染表格。
var table = $('#table_id').DataTable();
var row = table.row(1);
row.data({id:2,name:'mike'}).draw();

以上三种方法都可以刷新表格中的数据,具体选择哪一种方法则需要根据实际情况进行选择。若是只需要简单地刷新数据,则可以使用第一种方法。若是需要添加或删除行,则可以使用第二种方法。而若是需要修改某一行的数据,则可以选用第三种方法。