在Web開發中,使用datatables來展示數據是非常常見的。在某些情況下,我們需要獲取datatables中的所有行并格式化成JSON格式,以便于進一步處理。下面將介紹如何通過datatables獲取行的JSON數據。
首先,我們需要在頁面中引入datatables的JS和CSS文件。在HTML中添加以下代碼:
<link rel="stylesheet" type="text/css" > <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>
接下來,我們需要初始化datatables表格,并使用datatables提供的API獲取行數據。以下是獲取行數據并轉換成JSON格式的代碼:
var table = $('#example').DataTable(); //初始化datatables表格 var data = table.rows().data().toArray(); //獲取所有行數據,并轉換成數組格式 var jsonData = JSON.stringify(data); //將數組格式轉換為JSON格式字符串 console.log(jsonData); //輸出JSON格式字符串
以上代碼中,'example'是一個datatables表格的ID。通過調用rows().data()方法獲取所有行的數據,再通過toArray()方法將數據轉換為數組格式,并最終使用JSON.stringify()方法將數組轉換為JSON格式字符串。
通過以上代碼,我們可以獲取datatables表格中所有行的JSON數據,并進行進一步的處理。