DataTables添加额外的查询参数和删除columns等无用参数实例
废话不多说，直接上代码
//1.定义全局变量
variStart=0,searchParams={};
//2.配置datatable的ajax配置项
"ajax":{
"url":"/user/query",
"type":"POST",
//动态请求参数设置，会应用到每次请求
"data":function(d){
//删除多余请求参数
for(varkeyind){
if(key.indexOf("columns")==0||key.indexOf("order")==0||key.indexOf("search")==0){//以columns开头的参数删除
deleted[key];
}
}
//附加查询参数
if(searchParams){
$.extend(d,searchParams);//给d扩展参数
}
},
//数据源处理（当数据加载完毕时触发）
"dataSrc":function(json){
iStart=json.start+1;//起始行号
returnjson.data;
}
}
//3.查询按钮绑定点击事件
/**
*搜索
*/
$('.search').click(function(){
reloadTable();
});
//4.刷新表格方法
/**
*重新加载表格，刷新页码
*/
functionreloadTable(){
//希望搜索一次附加参数，修改搜索条件后，如果不点击搜索按钮，切换页码仍使用上次参数
varnumber=$("#number").val();
varname=$("#name").val();
searchParams.number=number;
searchParams.name=name;
vartable=$('#userTable').DataTable();
table.ajax.reload();
}
//5.刷新表格，页码不变方法
/**
*刷新表格，不改变页码
*/
functionrefreshTable(){
vartable=$('#userTable').DataTable();
table.draw(false);
}
//6.跳页实现
$('#example').DataTable().page(5).draw(false)
或者
$('#example').DataTable().page(5).draw('page')
以上这篇DataTables添加额外的查询参数和删除columns等无用参数实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。