优艾设计网

一个大的json数组,大概有2000个对象,如何在前端实现分页?

优艾设计网 https://www.uibq.com 2023-04-18 08:43 出处:网络 作者:电脑技术
一个大的json数组,大概有2000个对象,如何在前端实现分页 [{\"export_line\":\"2\",\"export_state\":\"finished\",\"line_total\":\"2\",\"load_line\":\"2\",\"load_state\" :\"finished\",\"name\":\"STUDENT\",\

一个大的json数组,大概有2000个对象,如何在前端实现分页

[{"export_line":"2","export_state":"finished","line_total":"2","load_line":"2","load_state" :"finished","name":"STUDENT","owner":"TEST"},{"export_line":"1","export_state":"finished","line_total" :"1","load_line":"1","load_state":"finished","name":"STUDENT2","owner":"TEST"},{"export_line":"6","export_state" :"finished","line_total":"6","load_line":"6","load_state":"finished","name":"HUAN1","owner":"TEST"}, {"export_line":"2","export_state":"finished","line_total":"2","load_line":"2","load_state":"finished" ,"name":"HUAN_TEST","owner":"TEST"},{"export_line":"1","export_state":"finished","line_total":"1","load_line" :"1","load_state":"finished","name":"A1","owner":"TEST"},{"export_line":"1","export_state":"finished" ,"line_total":"1","load_line":"1","load_state":"finished","name":"A2","owner":"TEST"},{"export_line" :"0","export_state":"finished","line_total":"0","load_line":"0","load_state":"finished","name":"DDS_TABLE_TEST6" ,"owner":"TEST"},{"export_line":"3","export_state":"finished","line_total":"3","load_line":"3","load_state" :"finished","name":"DDS_TABLE_TEST5","owner":"TEST"},{"export_line":"3","export_state":"finished","line_total" :"3","load_line":"3","load_state":"finished","name":"DDS_TABLE_TEST2","owner":"TEST"},{"export_line" :"3","export_state":"finished","line_total":"3","load_line":"3","load_state":"finished","name":"DDS_TABLE_TEST3" ,"owner":"TEST"},{"export_line":"3","export_state":"finished","line_total":"3","load_line":"3","load_state" :"finished","name":"DDS_TABLE_TEST4","owner":"TEST"},{"export_line":"0","export_state":"finished","line_total" :"0","load_line":"0","load_state":"finished","name":"T1","owner":"TEST"},{"export_line":"0","export_state" :"finished","line_total":"0","load_line":"0","load_state":"finished","name":"FUN_TAB","owner":"TEST" },{"export_line":"6","export_state":"finished","line_total":"6","load_line":"6","load_state":"finished" ,"name":"fun_test_table","owner":"TEST"},{"export_line":"8192","export_state":"finished","line_total" :"8192","load_line":"8192","load_state":"finished","name":"SWAP_T","owner":"TEST"},{"export_line":"134" ,"export_state":"finished","line_total":"134","load_line":"134","load_state":"finished","name":"objects_type" ,"owner":"TEST"},{"export_line":"12","export_state":"finished","line_total":"12","load_line":"12","load_state" :"finished","name":"DDS_LOB1","owner":"TEST"},{"export_line":"600","export_state":"finished","line_total" :"600","load_line":"600","load_state":"finished","name":"P_SWAP","owner":"TEST"},{"export_line":"0","export_state" :"finished","line_total":"0","load_line":"0","load_state":"finished","name":"T03_11","owner":"TEST"} ,{"export_line":"0","export_state":"finished","line_total":"0优艾设计网_Photoshop交流","load_line":"0","load_state":"finished" ,"name":"TEST_IOT1","owner":"TEST"},{"export_line":"0","export_state":"finished","line_total":"0","load_line" :"0","load_state":"finished","name":"T03","owner":"TEST"},{"export_line":"1","export_state":"finished" ,"line_total":"1","load_line":"1","load_state":"finished","name":"HUAN6","owner":"TEST"}.......]


360U3260615908 2022-06-30 13:15

优艾设计网_PS论坛

简单点,直接js进行数组截取,比如每页10条,根据页数算截取的数组下标。还可以直接服务器截取数组并返回,每次翻页都请求服务。


周游水星x 2022-06-30 13:19

优艾设计网_Photoshop百科

根据每页显示条数,拆分成多个数组


68****579 优艾设计网_设计客 2022-06-30 13:37

根据当前页,读取对应数组


0

精彩评论

暂无评论...
验证码 换一张
取 消