JS實現分頁

2021-09-25 16:40:27 字數 2086 閱讀 9222

//顯示內容

//顯示頁碼

js實現:

//動態顯示翻頁資訊

function showpage()

function pagehelper(pagenum)

break;

case 1:

currpage += 1;

begnum = (currpage - 1) * 5;

endnum = begnum + 5;

if (redata.length < endnum)

break;

case -1:

currpage -= 1;

begnum = (currpage - 1) * 5;

endnum = begnum + 5;

if (redata.length < endnum)

break;

case 9999:

currpage = totalpage;

begnum = (totalpage - 1) * 5;

endnum = redata.length;

break;

}$("#firstpagediv").attr("style", "display:none");

$("#prepagediv").attr("style", "display:none");

$("#firstpagediv").attr("style", "display:inline");

$("#prepagediv").attr("style", "display:inline");

}$("#nextpagediv").attr("style", "display:none");

$("#lastpagediv").attr("style", "display:none");

$("#nextpagediv").attr("style", "display:inline");

$("#lastpagediv").attr("style", "display:inline");

}$("#nowpage").html(currpage);

$("#totalpage").html(totalpage);

//重新渲染資料

$("#contentlist").html(showdata(redata, begnum, endnum));

}function showdata(data, begnum, endnum)

return prolist;

}//獲取後台資料進行展示

//條件檢索ajax

function getdata(),

datatype:"text",

data : ,

success : function(data) else

var nowpagetext = "";

if (data.length > 0) else

redata = data;

if (data.length < 5) else

$("#turnpage").html(showpage());

$("#nowpage").html(nowpagetext);

$("#totalpage").html(math.ceil((redata.length) / 5));

$("#firstpagediv").attr("style", "display:none");

$("#prepagediv").attr("style", "display:none");

if (math.ceil((redata.length) / 5) == 1) else if(math.ceil((redata.length) / 5) == 0)

}});

}

效果圖:

J S 實現分頁

j s 實現分頁 首先先看效果圖 實現思路 首先要獲取到 中有多少行記錄,每頁顯示的行數。我這裡每頁三行。然後在填加的操作裡加入下面 var tbody document.getelementbyid tbody var trs tbody.getelementsbytagname td if tr...

js分頁實現,前端實現。

主要是借鑑了網上乙個例子,自己重新加了樣式,新增了跳轉,修改了一些小地方,用於和大家一起分享,前端分頁的技巧,的資料是我已經寫好了,其實大家也可以前端渲染 然後再分頁,都是可以的。其實分頁最關鍵是這兩句 var startrow currentpage 1 pagesize 1 currentpag...

js分頁實現,前端實現

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!主要是借鑑了網上乙個例子,自己重新加了樣式,新增了跳轉,修改了一些小地方,用於和大家一起分享,前端分頁的技巧,的資料是我已經寫好了,其實大家也可以前端渲染 然後再分頁,都是可以的。其實分頁最關鍵是這兩句 var startrow currentpa...