Datatable是一款優秀的表格插件,它能快速地將數據以表格的形式呈現出來。當需要將表格數據轉化為JSON格式時,Datatable提供了很好的支持,本文將為大家介紹Datatable如何將表格數據轉化為JSON格式。
首先,需要調用Datatable插件:
$('table').DataTable();
接著,需要使用Datatable的API,將表格數據轉化為JSON:
var table = $('table').DataTable();
var data = table.rows().data().toArray();
var jsonData = JSON.stringify(data);
解釋一下上述代碼:首先我們獲取到Dataatable對象,并通過rows().data()方法獲取到表格中的所有數據,也可以指定要獲取的行數據,然后將獲取到的數據轉化為數組形式,最后使用JSON.stringify()方法將數組轉化為JSON格式。
完成了以上代碼,現在可以將生成的JSON格式數據掛載到某個DOM元素上,我們可以使用$.ajax()方法來向服務器提交表單數據或者使用別的方式與服務器交互:
$.ajax({
url: '/submit',
type: 'POST',
data: jsonData,
success: function(response) {
alert(response.message);
}
});
這樣,我們就將Datatable中的表格數據轉化為JSON格式,并且將它提交給了服務器。數據可以進行操作,可以保存,也可以通過別的方式再次使用。