在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/區(qū)塊鏈  HTML/ Ajax一次性請(qǐng)求到所有數(shù)據(jù),前端怎么樣實(shí)現(xiàn)分頁(yè)顯示??

Ajax一次性請(qǐng)求到所有數(shù)據(jù),前端怎么樣實(shí)現(xiàn)分頁(yè)顯示??

誰(shuí)有經(jīng)驗(yàn)幫忙解決一下

(要干貨,直接解決問(wèn)題的,謝謝)

(要是來(lái)噴就請(qǐng)離開(kāi),謝謝)

(不是伸手黨,實(shí)操解決之后,有報(bào)酬)

(也不要問(wèn)什么報(bào)酬,能真正把問(wèn)題解決了,自然有)

(要方法,不要思路,謝謝)

https://www.rokub.com

分頁(yè)器部分:
圖片描述

Ajax的請(qǐng)求部分:
圖片描述

回答
編輯回答
念舊
  1. 不用同步請(qǐng)求,同步請(qǐng)求卡頁(yè)面
  2. dataType: json 直接可以拿到parse過(guò)得數(shù)據(jù),不用自己eval

data是全部的數(shù)據(jù),自己做個(gè)模擬分頁(yè)就好了
比如:

page = {
current: 1,
size: 10

然后寫個(gè)過(guò)濾函數(shù):

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

最后組裝下數(shù)據(jù),append到頁(yè)面即可

2017年6月28日 13:46
編輯回答
咕嚕嚕

tableData、jqgrid能幫到你

2018年7月13日 22:30
編輯回答
乖乖瀦

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

var arr1 = ajax.data;
var arr2 = [];
var pageindex = 1;//分頁(yè)下標(biāo)
var pagesize = 10;//分頁(yè)數(shù)據(jù)長(zhǎng)度

function pull_page(){
    arr2 = [];
    var key = (--pageindex)*pagesize;
    for(var p_i = key,p_i<pagesize;p_i++){
        if(arr1[p_i]!=undefined){//判斷當(dāng)前p_i是否超出了arr1的長(zhǎng)度,即,也可以p_i<=arr1.length為條件
            arr2.push(arr1[p_i]);
        }
    }
}
pull_page();//默認(rèn)為第一頁(yè),當(dāng)切換分頁(yè)方法觸發(fā)時(shí),要對(duì)應(yīng)的修改分頁(yè)下標(biāo)pageindex,并再次調(diào)用該方法

話說(shuō),前端來(lái)做分頁(yè),不科學(xué)啊,你所有數(shù)據(jù)都拿到了,為啥還要做分頁(yè)呢

2018年4月10日 04:34
編輯回答
生性

表格嗎?用datatables

2018年6月2日 08:49