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

超、凢脫俗 2021-09-15 18:50 1164阅读 0赞

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

[Ajax_dataTables]: https://blog.csdn.net/dahlwuyn/article/details/48196973