在開發web應用程序時,常常會用到DataTables插件來呈現數據表格。但是有時候需要將DataTables的數據轉換成JSON對象,這樣方便前端進行數據的處理。
下面是轉換代碼:
var table = $('#example').DataTable(); var jsonData = []; table.rows().every( function ( rowIdx, tableLoop, rowLoop ) { var data = this.data(); jsonData.push({ 'id': data[0], 'name':data[1], 'age':data[2], 'email':data[3] }); }); console.log(jsonData);
以上代碼通過DataTable對象的rows()方法獲取所有行數據,再通過每行數據的數組元素索引提取需要的數據。最后將提取的數據組裝成JSON對象,并存入jsonData數組中。
這樣處理后,可以使用JSON對象的方法對數據進行進一步的處理,如:
$.each(jsonData, function(index, value){ console.log(value.name); });
以上代碼通過JQuery的each方法遍歷jsonData數組中的所有元素,再通過索引獲取每個元素的name屬性值,并輸出到控制臺。
總之,將DataTables轉換成JSON對象是非常簡單的,只需要按照上述代碼的步驟進行即可。