建站
咨询
售后
建站咨询
使用jquery怎么实现一个分页显示功能-创新互联
js代码
$(function(){
showPage(1);
});
function showPage(page){
$.ajax({
type:"GET",
url:"<{$urlParent}>/newsManageList?cid=all",
dataType:"json",
success:function(data){
var newsTotalNum = data.length; //新闻记录的总条数
var pageNum = Math.ceil(newsTotalNum/<{$newsPageNum}>); //分页的总页数
var content = ' ' +
'' +
'' +
'' +
'ID标题类别作者修改日期操作 ' +
' ' +
'' +
'';
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 += '« '+i+'';
}else{
content += ''+i+' »';
}else{
content += '» ' + ''; $("#listTag").empty(); $("#listTag").append(content); } }); }
看完上述内容，你们对使用jquery怎么实现一个分页显示功能有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。
网页标题：使用jquery怎么实现一个分页显示功能-创新互联
URL地址：http://www.jxjierui.cn/article/cdoedi.html
