在做分页的时候有时候需要不刷新页面,比如长页面刷新分页会回到顶部,很不方便,这时候就需要无刷新分页,本文将接收无刷新分页,把整个需要分页的数组整合,通过js控制遍历,进行上下分页
工具/原料
1
js,数组
2
无刷新分页
方法/步骤
1
在控制器方法中处理好数据,然后赋值传回来页面接收,已数组形式传回,数据全部整理好在输出方便分页
2
在js代码中接收数据,用php输出数据在转化成json格式的数据;这样在多数据的情况下可以省带宽,(具体没测试过)提升访问速度;定义一个方法进行分页
3
在方法里面定义各个值,默认值起始页p为1,每页显示条数默认为6可以自己设置相符合的参数;之后便可以循环了,先清空原有的数据,在遍历,按上面设置的每页几条遍历
4
设置上下页的按钮显示,需要判断一下p,就是当前是第几页,不是第一页就显示上一页,下一页不是最后一页就显示;把遍历好的数据赋值回来页面
5
上下页点击效果,通过状态判断上下页的按钮进行处理,上一页就获取当前第几页减1.下一页就加1;调用函数赋值p即可;点击分页效果和上面代码冲突就分开写
6
页面中的上下页状态和当前第几页;也可以输出当前一些参数,比如第几页,总条数等,看自己需求
注意事项
1
注意要在隐藏input保存当前为第几页
2
遍历的时候注意拼接字段完成和输出
3
不懂的可以联系我,给代码
上一篇:JS如何迭代数组
下一篇:js怎样向数组插入元素 添加元素