可以根据查询条件重新生成一个新的datatable
先销毁,再生成
dataTable.fnDestroy();
var dataTable = $('#example').dataTable({
"autoWidth":false,
"bPaginate": true, //是否显示分页
"bFilter": true, //搜索栏
"bProcessing": true, //加载数据时显示正在加载信息
"bServerSide": true, //指定从服务器端获取数据
"sAjaxSource" : "xxx",
"aoColumns": [
{ "mData": "ruleName" },
{ "mData": "md5" },
{ "mData": "objectType" },
{ "mData": "domainName" }
]
});
//查询按钮
document.getElementById("queryBtn").onclick = function() {
var rule_name = $("#rule_name_query").val();
var object_type = $("#object_type_query").val();
var domain_name = $("#domain_name_query").val();
dataTable.fnDestroy();
$('#example').dataTable({
"autoWidth":false,
"bPaginate": true, //是否显示分页
"bFilter": true, //搜索栏
"bProcessing": true, //加载数据时显示正在加载信息
"bServerSide": true, //指定从服务器端获取数据
"sAjaxSource" : "xxxx?xx="
+ 11+ "&xx=" + 22+ "&xx=" + 33,
"aoColumns": [
{ "mData": "ruleName" },
{ "mData": "md5" },
{ "mData": "objectType" },
{ "mData": "domainName" }
]
});
}