在jQuery技术中实现分页
//定义分页操作的变量
var pageSize; // 每页显示的记录数
var countPage; // 总页数
var countRecord; // 总记录
var nowPage = 1; // 当前页
var startIndex; // 每页开始的记录数
var endIndex; // 每页结束的记录数
var $pageInfo;
var $showUser;
为首页、上一页、下一页、末页按钮注册事件
获取总记录数
计算总页数
注:Math.ceil() 方法执行的是向上取整计算,它返回的是大于或等于函数参数,并且与之最接近的整数
点击按钮的判断
1. 获取被点击按钮的id
2.判断点击的按钮是否为首页,设置当前页为1
3.判断是否是上一页,前提是当前页不为首页(即当前页>1),再用当前页--
4.判断是否是下一页,前提是当前页必须<总页数,再用当前页++
5.判断是否是末页,当前页=总页数=末页
获取每页开始的记录
公式:每页开始的记录=(当前页-1)*每页显示的记录数+1=上一页的结束值+1
获取每页结束的记录
公式:每页结束的记录=当前页*每页显示的记录数
如果结束的记录数 >= 总记录数,则让结束的记录数=总记录数
如果总记录数 <= 每页显示的记录数,则让结束的记录数=总记录数
//定义分页操作的变量
var pageSize; // 每页显示的记录数
var countPage; // 总页数
var countRecord; // 总记录
var nowPage = 1; // 当前页
var startIndex; // 每页开始的记录数
var endIndex; // 每页结束的记录数
var $pageInfo;
var $showUser;
为首页、上一页、下一页、末页按钮注册事件
获取总记录数
计算总页数
注:Math.ceil() 方法执行的是向上取整计算,它返回的是大于或等于函数参数,并且与之最接近的整数
点击按钮的判断
1. 获取被点击按钮的id
2.判断点击的按钮是否为首页,设置当前页为1
3.判断是否是上一页,前提是当前页不为首页(即当前页>1),再用当前页--
4.判断是否是下一页,前提是当前页必须<总页数,再用当前页++
5.判断是否是末页,当前页=总页数=末页
获取每页开始的记录
公式:每页开始的记录=(当前页-1)*每页显示的记录数+1=上一页的结束值+1
获取每页结束的记录
公式:每页结束的记录=当前页*每页显示的记录数
如果结束的记录数 >= 总记录数,则让结束的记录数=总记录数
如果总记录数 <= 每页显示的记录数,则让结束的记录数=总记录数