一.datatable前端传递参数
其中,draw是请求的序号,start是数据的起始,length是需要返回的最大数据条数。search[value]是查找的值。服务端采用java的servlet完成。
前端传递参数:
columns[0][data] 0
columns[0][name]
columns[0][orderable] true
columns[0][search][regex] false
columns[0][search][value]
columns[0][searchable] true
columns[1][data] 1
columns[1][name]
columns[1][orderable] true
columns[1][search][regex] false
columns[1][search][value]
columns[1][searchable] true
columns[2][data] 2
columns[2][name]
columns[2][orderable] true
columns[2][search][regex] false
columns[2][search][value]
columns[2][searchable] true
columns[3][data] 3 // data[3]
columns[3][name]
columns[3][orderable] true //可以排序
columns[3][search][regex] false //搜索内容不支持正则表达式
columns[3][search][value] //搜索的内容
columns[3][searchable] true //可以被搜索
draw 1 //浏览器cache的编号,递增不可重复
length 10 //预读长度= 预读页数*每页行数
order[0][column] 0 //按第一列排序
order[0][dir] asc
search[regex] false //搜索内容不支持正则表达式
search[value] //输入的搜索的内容
start 0//起始位子,如第一页就从
注意:start 是默认从0开始的
二.服务端返回的JSON数据如下所示
其中draw是请求中的draw参数,data是表格中的数据。recordsFiltered是过滤后的数据总数,recordsTotal是原始数据总数。
注意:draw的值是前端传什么值,后端则返回什么值,如果前端没传值,则返回1
{
"draw": 1, //浏览器cache的编号,递增不可重复
"recordsTotal": 57, //数据总行数
"recordsFiltered": 57, //数据总行数
"data": [
{
brid00:15446434,
brnl00:"24岁",
brxb00:"男",
brxm00:"杨洋"
},
{
brid00:15446437,
brnl00:"20岁",
brxb00:"女",
brxm00:"小迷妹"
}
]
}
使用Ajax加载数据的dataTables
三。获取后端返回值
1.后端返回所有的值
"fnDrawCallback": function (oSettings) {
var json=jQuery.parseJSON(oSettings.jqXHR.responseText);//获取后台方式 直接可以拿到json 之后进行处理
console.log(json);//此处json就是返回的数据
},
2.获取返回数据 每行的数据
iDisplayIndex 是索引 从0开始
fnRowCallback:function( raw, aData, iDisplayIndex, iDisplayIndexFull ){
}