Ajax一次性请求到所有数据，前端怎么样实现分页显示？？

Question

谁有经验帮忙解决一下

（要干货，直接解决问题的，谢谢）

（要是来喷就请离开，谢谢）

（不是伸手党，实操解决之后，有报酬）

（也不要问什么报酬，能真正把问题解决了，自然有）

（要方法，不要思路，谢谢）

https://www.rokub.com

分页器部分：

Ajax的请求部分：

Answer 1

看了你的图，没有用vue等框架，那么久按照原生的来撸吧：
首先ajax请求回来数据后，用一个arr1保存数据，再创建一个空数组arr2,并声明变量pageindex：1，pagesize:10,然后循环这个数组（）;

var arr1 = ajax.data;
var arr2 = [];
var pageindex = 1;//分页下标
var pagesize = 10;//分页数据长度

function pull_page(){
    arr2 = [];
    var key = (--pageindex)*pagesize;
    for(var p_i = key,p_i<pagesize;p_i++){
        if(arr1[p_i]!=undefined){//判断当前p_i是否超出了arr1的长度，即，也可以p_i<=arr1.length为条件
            arr2.push(arr1[p_i]);
        }
    }
}
pull_page();//默认为第一页，当切换分页方法触发时，要对应的修改分页下标pageindex，并再次调用该方法

话说，前端来做分页，不科学啊，你所有数据都拿到了，为啥还要做分页呢

Answer 2

tableData、jqgrid能帮到你

Answer 3

表格吗？用datatables

Answer 4

1. 不用同步请求，同步请求卡页面
2. dataType: json 直接可以拿到parse过得数据，不用自己eval

data是全部的数据，自己做个模拟分页就好了
比如：

page = {
current: 1,
size: 10

然后写个过滤函数：

let data = [];
let filterData = (page)=>{
    let start = page.current*page.size;
    return data.slice( start, start+page.size )    
}

最后组装下数据，append到页面即可