在上一篇分頁的基礎上，因為很多情況下是要求要帶有查詢引數的

<form class="form-inline well">
                                            <span>編碼:</span> <input type="text" class="input-medium" placeholder="編碼" id="code-search"> <span>名稱:</span> <input type="text" class="input-medium" placeholder
 
="名稱" id="name-search"> 
                                            <span>地址:</span> <input type="text" class="input-medium"
                                                placeholder="地址" id="url-search">
                                            <button type="button" class
 
="btn" id="btn-advanced-search">
                                            <i class="fa fa-search"></i>查詢
                                        </button>
                                            <button type="button" class="btn" id="btn-advanced-add" onclick="add()">
                                            <i
 
 class="fa fa-add"></i>新增
                                        </button>
</form>

通過js封裝上面的查詢

var userManage = {
getQueryCondition: function(data) {
var param = {};
param.srvName = $("#name-search").val();
param.code = $("#code-search").val();
param.url = $("#url-search").val();

//組裝分頁引數
param.start = data.start;
param.length = data.length;
param.draw = data.draw;
return param;
},
};

將上一篇中的ajax請求中將data換成封裝後的查詢引數，查詢時呼叫以下方法

$("#btn-advanced-search").click(function() {
//userManage.fuzzySearch = false;
table.draw();
});

這樣就可以帶引數查詢了，如果因為資料太多，我們要跳頁怎麼辦，不要擔心，datatables提供了api，其中的page方法可以跳到多少頁

var page1=$("#page-search").val()-1;
                            //alert(page1);
                            table.page(page1).draw(false);

這樣跳頁就完成了