datatables服务端分页之带参数查询以及跳页

来源：互联网发布：系统优化是什么意思编辑：程序博客网时间：2024/06/04 18:44

在上一篇分页的基础上，因为很多情况下是要求要带有查询参数的

<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);

这样跳页就完成了

0 0