datatable前端传递参数与后端返回值格式说明

一.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 ){  

}

 

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值