可以根据查询条件重新生成一个新的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" } ] }); }