在前端開發中,DataTable是常用的表格展示插件之一。它提供了豐富的特性,比如搜索、排序、分頁等,非常適合處理大量數據。而對于每一個row進行轉成JSON字符串的需求,我們可以使用DataTable提供的API來實現。
首先,我們需要獲取到DataTable實例中的數據源。可以通過DataTable提供的API中的data()方法來獲取,代碼如下:
var dataTable = $('#myTable').DataTable(); var dataSource = dataTable.data();
然后,我們遍歷數據源,將每一個row轉成JSON字符串并加入到一個JSON數組中。可以使用jQuery的each方法來遍歷,代碼如下:
var jsonArr = []; dataSource.each(function (index, data) { var jsonData = dataTable.row(index).data(); jsonArr.push(JSON.stringify(jsonData)); });
最后,我們將JSON數組轉成JSON字符串即可。使用JavaScript的JSON對象中的stringify方法即可實現,代碼如下:
var jsonString = JSON.stringify(jsonArr);
完整代碼如下:
var dataTable = $('#myTable').DataTable(); var dataSource = dataTable.data(); var jsonArr = []; dataSource.each(function (index, data) { var jsonData = dataTable.row(index).data(); jsonArr.push(JSON.stringify(jsonData)); }); var jsonString = JSON.stringify(jsonArr); console.log(jsonString);
以上就是使用DataTable將每一個row轉成JSON字符串的方法。希望能對大家有所幫助。