不请求后端前端实现分页功能

标签:2023-06-26 11:30:36

有时候因为业务需求原因或者后端大佬的情绪问题,不肯改动原有的代码。所以对接口请求一次性过去全部数据,需要前端自己分页,这是个很棘手的事情,平时很少做过类似的需求,但也不是不能做,下面是我自己做的分页处理。

1、声明页数和页码

let page=1 let size=10 let dataList []

2、通过数组slice方法截取

dataList.slict((page-1)*size, (page-1)*size size)

起始位置:(page-1)*size

终止位置: (page-1)*size size)

根据数组索引位置截取来实现翻页效果

当page=1截取的位置是0到9

当page=2截取的位置是10到19

当page=3截取的位置是20到29

原文出处:http://www.dongblog.com/notes/18.html
来源:博客网 转载请注明出处!

活跃用户

tp
Ta还没有签名
树语.
Ta还没有签名
Ann_Lee
Ta还没有签名
玖·流芳引
Ta还没有签名

友情链接


Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093

Warning: Smarty error: unable to read resource: "../../../templates/default/./common/foot/footer_index.htm" in /usr/home/hyu3925200001/htdocs/common/smarty/Smarty.class.php on line 1093