栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

HTML:





 
 
    正在读取数据……

    JS:

    //读取消息列表*************************************************//
     queryInfoList(paraValue);
     function queryInfoList(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 (eachRs in data.rs)
        {//拼接对应
  • 需要的值 lis += "
  • " + data.rs[eachRs]['title'] + " "+data.rs[eachRs]['posttime']+"
  • "; }; $("#infoList").html(lis); var currentPage = data.CurrentPage; //当前页数 var pageCount = data.pageCount; //总页数 var options = { 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": return page; } }, //点击事件,用于通过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 (eachRs in data.rs) {//拼接对应
  • 需要的值 lis += "
  • " + data.rs[eachRs]['title'] + " "+data.rs[eachRs]['posttime']+"
  • "; }; $("#infoList").html(lis); } }); } }; $('#useroption').bootstrapPaginator(options); } }); }

    PHP:

    if($act=='getInfoList')
    {
     $bid=addslashes($_REQUEST['bid']);
     $curPage=addslashes($_REQUEST['page']);//当前页码
     $pageSize=15; //每页条数
     $rsAll=$dbh->query("select count(id) from article where board=$bid and wid=30 and auditor is not null and accessable=1")->fetchAll();
     $rsAllCount=$rsAll[0][0];//总记录数
    
     //计算总页数
     if($rsAllCount%$pageSize==0)
      $pageAllCount=$rsAllCount/$pageSize;
     else
      $pageAllCount=intval($rsAllCount/$pageSize)+1;
    
     $beginRs=($curPage-1)*$pageSize; //计算起始记录
     $curRsSql="select id,title, posttime from article where board=$bid and wid=30 and auditor is not null and accessable=1 order by posttime desc limit $beginRs,$pageSize";
     $rsCur=$dbh->query($curRsSql)->fetchAll();
     echo(json_encode(array("rs"=>$rsCur,"pageCount"=>$pageAllCount,"curPage"=>$curPage,"sql"=>$curRsSql)));
    }

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持考高分网。

    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/71346.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号