在前后端分离的开发模式中,使用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();
以上三种方法都可以刷新表格中的数据,具体选择哪一种方法则需要根据实际情况进行选择。若是只需要简单地刷新数据,则可以使用第一种方法。若是需要添加或删除行,则可以使用第二种方法。而若是需要修改某一行的数据,则可以选用第三种方法。