使用jquery怎么實現(xiàn)一個分頁顯示功能-創(chuàng)新互聯(lián)
今天就跟大家聊聊有關(guān)使用jquery怎么實現(xiàn)一個分頁顯示功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。
成都創(chuàng)新互聯(lián)公司主營沂水網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,
重慶APP開發(fā),沂水h5
成都微信小程序搭建,沂水網(wǎng)站營銷推廣歡迎沂水等地區(qū)企業(yè)咨詢
html代碼
js代碼
$(function(){
showPage(1);
});
function showPage(page){
$.ajax({
type:"GET",
url:"<{$urlParent}>/newsManageList?cid=all",
dataType:"json",
success:function(data){
var newsTotalNum = data.length; //新聞記錄的總條數(shù)
var pageNum = Math.ceil(newsTotalNum/<{$newsPageNum}>); //分頁的總頁數(shù)
var content = ' ' +
'' +
'' +
'' +
'ID標(biāo)題類別作者修改日期操作 ' +
'
' +
'' +
'';
for(var i=((page-1)*<{$newsPageNum}>);i<(page*<{$newsPageNum}>)&&i' +
''+(i+1)+' | ' +
''+data[i].title+' | '+
''+data[i].name+' | ' +
''+data[i].author+'' +
''+data[i].time+'' +
'' +
'' +
'/newsUpdate?id='+data[i].id+'>" rel="external nofollow" class="am-btn am-btn-default am-btn-xs am-text-secondary"> 編輯 ' +
'/newsDel?id='+data[i].id+'>" rel="external nofollow" class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"> 刪除 ' +
'' +
' | ' +
'';
}
content += '' +
'' +
'共 '+newsTotalNum+' 條記錄 / '+pageNum+'頁' +
'' +
'';
//判斷前面是否還有頁面
if(page == 1){
content += '«';
}else{
content += '«';
}
for(var i=1;i<=pageNum;i++){
if(i == page){
content += ''+i+'';
}else{
content += ''+i+'';
}
}
//判斷后面是否還有頁面
if(page == pageNum){
content += '»';
}else{
content += '»';
}
content += '' +
' ' +
'看完上述內(nèi)容，你們對使用jquery怎么實現(xiàn)一個分頁顯示功能有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。
重慶分公司
重慶分公司
