在前后端分離的開發模式中,使用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();
以上三種方法都可以刷新表格中的數據,具體選擇哪一種方法則需要根據實際情況進行選擇。若是只需要簡單地刷新數據,則可以使用第一種方法。若是需要添加或刪除行,則可以使用第二種方法。而若是需要修改某一行的數據,則可以選用第三種方法。