jquery 处理datatable 为json
时间: 2023-08-13 21:20:45 浏览: 91
可以使用 jQuery 插件 DataTables 提供的 API,将 DataTable 转换为 JSON 格式。具体的步骤如下:
1. 引入 DataTables 插件和 jQuery 库:
```html
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.23/datatables.min.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/v/dt/dt-1.10.23/datatables.min.js"></script>
```
2. 初始化 DataTable:
```javascript
$(document).ready(function() {
$('#example').DataTable();
});
```
3. 使用 DataTable 提供的 API 将表格数据转换为 JSON:
```javascript
$(document).ready(function() {
var table = $('#example').DataTable();
var data = table.rows().data().toArray();
var json = JSON.stringify(data);
console.log(json);
});
```
其中,`table.rows().data().toArray()` 可以获取 DataTable 中所有行的数据,返回一个二维数组;`JSON.stringify(data)` 可以将数据转换为 JSON 字符串。
注意,这种方法只能获取当前 DataTable 中的数据,如果需要获取后台数据库中的数据,需要使用 AJAX 请求后台接口获取数据。