查询出来数据）
}
});
$.ajax({
type: "GET",url:"${ctx}/api/v1/user/count/1",success:function(msg){
var pages = Math.ceil(msg.data/5);//这里data里面有数据总量
var element = $('#pageUl');//对应下面ul的ID
var options = {
bootstrapMajorVersion:3,currentPage: page,//当前页面
numberOfPages: 5,//一页显示几个按钮（在ul里面生成5个li）
totalPages:pages //总页数
}
element.bootstrapPaginator(options);
}
});
}
页面：
文件
，如下：上一页
case "prev":
currentTarget.bootstrapPaginator("showPrevIoUs");
paging(page);
break;
case "next":
currentTarget.bootstrapPaginator("showNext");
paging(page);
break;
case "last":
currentTarget.bootstrapPaginator("showLast");
paging(page);
break;
case "page":
currentTarget.bootstrapPaginator("show",page);
paging(page);
break;
}
},
*在你点击的页面样式出来后调用paging（page）方法，这里的page源文件里的参数已经有了，直接传！
效果：当样式改变后，直接拿控件的page值进行ajax请求的发送！最后实现无刷新分页。
以上所述是小编给大家介绍的Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果的相关知识。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
