当前位置:网站首页>datatables 封装传给后台的参数以及拆分穿回来的参数
datatables 封装传给后台的参数以及拆分穿回来的参数
2022-08-06 00:30:00 【Swn_】
方法一:ajax逐步封装
ajax: function (data, callback, settings){
//封装请求参数
var param = {};
param.limit = data.length;//页面显示记录条数,在页面显示每页显示多少项的时候
param.draw = data.draw;//开始的记录序号
param.start = data.start;//开始的记录序号
param.page = (data.start / data.length)+1;//当前页码
$.ajax({
url: baseurl,
dataSrc: 'data',
type: 'GET',
data: param,
dataType: 'json',
success: function(result) {
console.log(result);
//setTimeout仅为测试延迟效果
setTimeout(function() {
//封装返回数据
var returnData = {};
returnData.draw = data.draw; //这里直接自行返回了draw计数器,应该由后台返回
returnData.recordsTotal = result.data.recordsTotal; //返回数据全部记录
returnData.recordsFiltered =result.data.recordsFiltered; //后台不实现过滤功能,每次查询均视作全部结果
returnData.data = result.data.data; //返回的数据列表
//调用DataTables提供的callback方法,代表数据已封装完成并传回DataTables进行渲染
//此时的数据需确保正确无误,异常判断应在执行此回调前自行处理完毕
callback(returnData);
}, 200);
}
});
},
方法二 利用官网提供的事件封装
$('#example')
.on('xhr.dt', function ( e, settings, json, xhr ) {
//预处理从服务器返回的数据:
var data = json.data
json.draw = data.draw; //这里直接自行返回了draw计数器,应该由后台返回
json.recordsTotal = data.recordsTotal; //返回数据全部记录
json.recordsFiltered = data.recordsFiltered; //后台不实现过滤功能,每次查询均视作全部结果
json.data = data.data; //返回的数据列表
json.sumt = data.sumt; //返回的数据列表
// 注意没有返回-直接在JSON对象中操作数据
} )
.dataTable( {
ajax: "data.json" //下面正常请求
} );
边栏推荐
猜你喜欢
随机推荐
顺序表的快慢指针应用:leetcode26、27、88、大数加法989(交换数组)
shell之函数和数组
超详细的PMP小白备考攻略
【数学模型】层次分析
Yiwei Lithium's first system product equipped with 46 series large cylindrical batteries successfully rolled off the production line
Kubernetes Troubleshooting eBPF
Kubernetes implements grayscale and blue-green releases
隐私计算综述
隐私计算基础组件系列-混淆电路
为啥强烈禁止使用Calendar?
Kubernetes 中的证书管理工具 - cert-manager
HBuilderX编译的报错提示:pages.json tabBar[‘list‘][0][‘pagePath‘] “/pages/index/index“ 需在 pages 数组中
Taught you how to locate online MySQL lock timeout problem, BaoJiao package
技术术语积累
Qt入门(三)——计算器项目的实现
安全测试-数据安全测试(2)
Kubernetes构建Redis 集群
【LeetCode】611.有效三角形的个数
Distributed the second level cache components of actual combat (Redis + Caffeine implementation)
and is a sequence of consecutive positive numbers S









