Datatable是一個非常出色的表格插件,它可以讓我們方便的對表格進行排序、篩選、分頁等操作。在實際應用中,我們通常需要將這些數據以json格式展現在前臺頁面上,使用戶能夠方便地查看和操作數據。
// 獲取表格數據并轉為json格式 var tableData = $('#example').DataTable().rows().data().toArray(); var jsonData = JSON.stringify(tableData);
上述代碼使用DataTable插件的rows()
方法獲取表格數據,接著使用data()
方法轉為數組,最后使用JSON.stringify()
方法將其轉為json格式的字符串。
當然,如果我們需要將表格中的特定列轉化成json格式,我們可以對tableData
進行遍歷,提取出需要的數據,再進行json格式化。
// 獲取表格指定列數據并轉為json格式 var columnData = $('#example').DataTable().column(3).data().toArray(); var jsonData = JSON.stringify(columnData);
上述代碼使用DataTable插件的column()
方法獲取表格中第三列的數據,接著使用data()
方法轉為數組,最后使用JSON.stringify()
方法將其轉為json格式的字符串。
通過上述代碼,我們可以方便地將DataTable表格數據以json格式展現在前臺頁面上,提供給用戶更方便的操作方式。