pc端分页实用插件jqPaginator

http://jqpaginator.keenwon.com/

https://www.cnblogs.com/yaowan/p/8742891.html

使用说明：

1.加载必要文件，由官网可下载必要文件

引入bootstrap.min.css，jqPaginator.js

2.

var pageoneSearch = ''; // 总数

var dataObjSearch = { // 定义一个data传输的对象
"page": 1, // 初始化第一页
"rows": 40 // 每页记录数
}

//分页方法

function loadpageSearch() {
$.jqPaginator('#paginationSearch', {
totalCounts: pageoneSearch,//总条数
pageSize: 40,//每页最大条数
visiblePages: 10, //     设置最多显示的页码数
currentPage: dataObjSearch.page, // 设置当前的页码
wrapper: '<ul class="pagination"></ul>',
first: '<li class="first"><a href="javascript:void(0);">首页</a></li>',
prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
onPageChange: function(num) {
console.log("numsearch=" + num);
dataObjSearch.page = num; // 点击分页时更换page的值
loadcancelSearch(dataObjSearch); // 重新执行ajax请求，传入页码值
}
});
}