ajax php 分页插件,Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果...

Bootstrap Paginator分页插件下载地址：

1.这是需要分页的页面放的 js函数：

查询出来数据)

}

});

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

}

});

}

*li里面自动生成的

文件，如下：

上一页

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 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。