微客导航 » 文章资讯 » bootstrap-paginator服务器端分页使用方法详解

bootstrap-paginator服务器端分页使用方法详解

2023-08-01 14:47:04 332

本文实例为大家分享了bootstrap-paginator服务器端分页的基本用法，供大家参考，具体内容如下

HTML：







正在读取数据……

JS：

//读取消息列表*************************************************//
queryInfoList(paraValue);
functionqueryInfoList(bid)
{
$.ajax({
async:true,
type:"get",
url:"../php/list.php",//向后端发送请求，后端为PHP
dataType:"json",//要求后端返回数据为JSON格式
data:{page:'1',bid:bid,act:'getInfoList'},//请求参数，首次请求页码为1
cache:false,
success:function(data)
{

lis="";
for(eachRsindata.rs)
{//拼接对应需要的值
lis+=""+data.rs[eachRs]['title']+""+data.rs[eachRs]['posttime']+"";
};
$("#infoList").html(lis);

varcurrentPage=data.CurrentPage;//当前页数
varpageCount=data.pageCount;//总页数

varoptions={
bootstrapMajorVersion:4,//版本
currentPage:currentPage,//当前页数
totalPages:pageCount,//总页数
numberOfPages:10,//分页器显示10条
shouldShowPage:true,//是否显示该按钮
itemTexts:function(type,page,current)
{
switch(type)
{
case"first":
return"首页";
case"prev":
return"上页";
case"next":
return"下页";
case"last":
return"末页";
case"page":
returnpage;
}
},

//点击事件，用于通过Ajax来刷新整个list列表
onPageClicked:function(event,originalEvent,type,page)
{
$.ajax({
async:true,
url:"../php/list.php",
type:"get",
dataType:"json",
data:{page:page,bid:bid,act:'getInfoList'},
cache:false,
success:function(data)
{
lis="";
for(eachRsindata.rs)
{//拼接对应需要的值
lis+=""+data.rs[eachRs]['title']+""+data.rs[eachRs]['posttime']+"";
};
$("#infoList").html(lis);
}/*success*/
});
}
};
$('#useroption').bootstrapPaginator(options);
}/*success*/
});
}

PHP：

if($act=='getInfoList')
{
$bid=addslashes($_REQUEST['bid']);
$curPage=addslashes($_REQUEST['page']);//当前页码
$pageSize=15;//每页条数
$rsAll=$dbh->query("selectcount(id)fromarticlewhereboard=$bidandwid=30andauditorisnotnullandaccessable=1")->fetchAll();
$rsAllCount=$rsAll[0][0];//总记录数

//计算总页数
if($rsAllCount%$pageSize==0)
$pageAllCount=$rsAllCount/$pageSize;
else
$pageAllCount=intval($rsAllCount/$pageSize)+1;

$beginRs=($curPage-1)*$pageSize;//计算起始记录
$curRsSql="selectid,title,posttimefromarticlewhereboard=$bidandwid=30andauditorisnotnullandaccessable=1orderbyposttimedesclimit$beginRs,$pageSize";
$rsCur=$dbh->query($curRsSql)->fetchAll();
echo(json_encode(array("rs"=>$rsCur,"pageCount"=>$pageAllCount,"curPage"=>$curPage,"sql"=>$curRsSql)));
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

bootstrap-paginator服务器端分页使用方法详解

热门推荐

随机推荐