在前后端分離的開發(fā)模式中,使用Ajax無(wú)刷新獲取數(shù)據(jù)已成為常見(jiàn)的方式之一。而jQuery Datatables 也成為了常用的表格插件,其可以將獲取的數(shù)據(jù)動(dòng)態(tài)渲染到表格中,同時(shí)還提供了排序、搜索、分頁(yè)等功能。但是在使用過(guò)程中,我們常常需要刷新表格中的數(shù)據(jù),以保證數(shù)據(jù)的準(zhǔn)確性和實(shí)時(shí)性。下面我們就來(lái)介紹幾種常見(jiàn)的jQuery Datatables 刷新方法。
// 通過(guò)DataTable對(duì)象的ajax.reload()方法刷新數(shù)據(jù) $('#table_id').DataTable().ajax.reload(); // 利用clear()方法清除當(dāng)前表格中的所有行,然后使用rows.add()方法添加新數(shù)據(jù),最后通過(guò)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(); // 直接修改表格中的數(shù)據(jù),然后通過(guò)draw()方法重新渲染表格。 var table = $('#table_id').DataTable(); var row = table.row(1); row.data({id:2,name:'mike'}).draw();
以上三種方法都可以刷新表格中的數(shù)據(jù),具體選擇哪一種方法則需要根據(jù)實(shí)際情況進(jìn)行選擇。若是只需要簡(jiǎn)單地刷新數(shù)據(jù),則可以使用第一種方法。若是需要添加或刪除行,則可以使用第二種方法。而若是需要修改某一行的數(shù)據(jù),則可以選用第三種方法。