无刷新分页即时不刷新全部页面的分页
可以给用户增加体验感
因为是无刷新,所以需要用到Ajax
需要将数据库中的对象通过Ajax以JSON模式的对象数组字符串转为对象数组以至于循环遍历
为了可以更好的分辨是否点击“首页”,“上一页”,“下一页”,“末页”
可以写一个方法将相对应按键的命名一并传入,可用“a”,“b”,“c”,,,
通过传入的唯一命名得知点击了哪个按键
如未点击,比如一开始进入的时候,默认为第一页
且点击“上/下一页”的时候需要进行判断是否还可以进行“上/下一页”的操作
末页的值即数组分页后的最大页码
通过拿到数据库相对应的数据的总数和每一页中的数据量拿到最大值(即总数/每一页的数据量)
注意:如最大值不为整数,最大值应为原最大值除去余数的值加1,比如,总数/每一页的数据量为7.5,最大值为8
图知,pageIndex即为页码,pageSize为每页数据量
通过传入的pid赋值为页码(pid即时主界面传入的按键命名,比如“上一页”的命名“b”就将页码减一)
再将页码和最大值一并重新传入主界面(通过Ajax)
因为是传入两个值,但主界面只接收一个值,所以可以用特殊字符将两值隔开
(特殊字符是为了避免两值中有和字符相同,后面操作会有问题)
主界面接收到值通过特殊字符分隔即为页码和最大值
简单分页就完成了