JS前端分頁

2021-08-19 19:07:44 字數 1008 閱讀 1641

因專案需求 需要前端乙個純js分頁  上網找了好多例子,終於實現該功能 以下直接上**:

html:

js:

//查詢資料介面 返回json

var dataobj="";

function search(logicid,moid),

datatype: "json",

success: function(data)else

}});

}

//分頁

function gopage(type,pageindex,pagesize,pagedata)

}if(type == 2)

}//載入資料

for(var i=(pageindex-1)*pagesize;i";

hml +="

"; hml +="

"; hml +="

"; }

}//分頁按鈕

var page = "";

for(var i=1;i<=pagecount;i++)else

}}else if(pagecount>5)else

}if(pageindex<=pagecount-2)

}else if(pageindex >= 5)

page +="...";

if(pageindex+1==pagecount)else

}}else if(pageindex == pagecount)else

}}elseelse

}page +="..."; }}

}page +=">

"; }

}else

}

頁面效果:

js分頁實現,前端實現。

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

js分頁實現,前端實現

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

前端頁面分頁元件 js

專案資料查詢頁,因為可能同時存在多個列表查詢,並且資料量較大,需要用到分頁,這時候自己可以寫乙個簡單的分頁元件 最基本的功能,比如資料有5頁,1,2,3,4,5 點選哪個就查詢哪一頁的資料,點選5,就查詢第5頁的資料 類似 前一頁,後一頁的翻頁功能 如果資料有230條,每頁10條資料,那麼一共有23...