以post方式传输数据
默认情况下,DataTables 获取服务器端处理数据的 Ajax 请求是 HTTP GET 请求。但是有时可能需要使用 POST。可以通过
ajax
来完成
当作为对象提供时,ajax 选项直接映射到 jQuery ajax 选项(即任何可以在jQuery的Ajax函数中使用的选项也可以在DataTable的ajax选项中使用)
姓名 | 职位 | 工作地点 | 年龄 | 入职时间 | 年薪 |
---|---|---|---|---|---|
姓名 | 职位 | 工作地点 | 年龄 | 入职时间 | 年薪 |
$('#dataTableExample').DataTable($.concatCpt('dataTable', {
"processing": true,
"serverSide": true,
"ajax": {
"url": "/employee/all/post",
"type": "POST"
},
"columns": [
{"data": "name"},
{"data": "title"},
{"data": "base"},
{"data": "age"},
{"data": "hireDate"},
{"data": "salary"}
]
}));
<table class="table table-bordered table-hover dataTable table-striped w-full">
<thead>
<tr>
<th>姓名</th>
<th>职位</th>
<th>工作地点</th>
<th>年龄</th>
<th>入职时间</th>
<th>年薪</th>
</tr>
</thead>
<tfoot>
<tr>
<th>姓名</th>
<th>职位</th>
<th>工作地点</th>
<th>年龄</th>
<th>入职时间</th>
<th>年薪</th>
</tr>
</tfoot>
</table>
java代码
{
recordsFiltered: 57,
data: [
[
"李霞",
"系统架构师",
"北京",
"61",
"2011/04/25",
"¥320800"
],
[
"杜重治",
"会计",
"上海",
"63",
"2011/07/25",
"¥170750"
],
[
"陈锋",
"初级开发者",
"深圳",
"66",
"2009/01/12",
"¥86000"
],
[
"郑伯宁",
"高级JavaScript开发者",
"北京",
"22",
"2012/03/29",
"¥433060"
]
]
}