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到頁面即可

tableData、jqgrid能幫到你

看了你的圖，沒有用vue等框架，那么久按照原生的來擼吧：
首先ajax請求回來數據后，用一個arr1保存數據，再創(chuàng)建一個空數組arr2,并聲明變量pageindex：1，pagesize:10,然后循環(huán)這個數組（）;

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();//默認為第一頁，當切換分頁方法觸發(fā)時，要對應的修改分頁下標pageindex，并再次調用該方法

話說，前端來做分頁，不科學啊，你所有數據都拿到了，為啥還要做分頁呢

表格嗎？用datatables