详解php实现网页上一页下一页翻页过程

list.php*

更多>>
$row=$table->fetch()每次读取一条信息，得到的是一个索引数组，代码里的$row[&＃39;id&＃39;]表示$row里面名为id的值，也可表示为$row.id

connect.php(连接数据库)

query("set names utf8");

listmore.php

 

  query("select * from news");
    $total=$result->rowCount();//查询出来符合条件的总数
    $pages=ceil($total/4);//分页的总页数  
    $num = 4;//每页显示的数据条数
    $cPage = $_GET[&＃39;cPage&＃39;];//获取当前是显示的第几页
    $start = $cPage * $num;//第一条数据
    $table = $link->query("select * from news order by id desc limit {$start},$num");
    $link = null;//销毁
    while ($row=$table->fetch()){//每次读出一条数据，赋给$row
      //插入多行文本，把值替换掉
    echo <<<_
      

        
        
        
        
      
  _;
    }
  ?>

上下翻页：

 

  
«首页
  
<上一页
  
下一页>
  
尾页»
  

    /
  
  

2)ajax方法

HTML代码，展示信息装在panel-body里面

 

    
  
     
  

  

     

       
«首页
       
<上一页
       
下一页>
       
尾页»
       

         
       
     
   

   

JS代码：

 var html=$(&＃39;#temp&＃39;).html();
  var curPage=0,pages=0;
  $.getJSON(&＃39;php/pages.php&＃39;,function (res) {
    pages=Math.ceil(res/4);/*获取信息的总页数*/
  });
  function show(cPage){//替换每一页的内容
    $.getJSON(&＃39;php/listmore.php&＃39;,{cPage:cPage},function (json) {
      var str=&＃39;&＃39;;
      $(&＃39;#list&＃39;).empty();
      json.forEach(function (el) {
        str+=html.replace(&＃39;{id}&＃39;,el.id).replace(&＃39;{title}&＃39;,el.title).replace(&＃39;{src}&＃39;,el.src)
          .replace(&＃39;{content}&＃39;,el.content).replace(&＃39;{date}&＃39;,el.time);
      });
      $(&＃39;#list&＃39;).html(str);
    });
    $(&＃39;#total&＃39;).html((curPage+1)+&＃39;/&＃39;+pages);
  }
  setTimeout(function () {
    show(0);
  },100);
  $(&＃39;#page&＃39;).on(&＃39;click&＃39;,&＃39;li&＃39;,function () {//上下翻页，翻遍当前页的值
    var i=$(this).data(&＃39;i&＃39;);//jquery里特有的获取data-*属性的方法
    switch (i){
      case 0:curPage=0;break;
      case 1:curPage>0?curPage--:0;break;
      case 2:curPage<(pages-1)?curPage++:pages-1;break;
      case 3:curPage=pages-1;break;
    }
    show(curPage);
    disabled(curPage);
  })
  function disabled(curPage) {//关于临界值禁止选择
    if (curPage==0){/*当前页为第一页，首页和上一页选项禁止点击*/
      $(&＃39;#index&＃39;).addClass(&＃39;disabled&＃39;).next().addClass(&＃39;disabled&＃39;);
      $(&＃39;#end&＃39;).removeClass(&＃39;disabled&＃39;).prev().removeClass(&＃39;disabled&＃39;);
    } else if (curPage==pages-1){
      $(&＃39;#index&＃39;).removeClass(&＃39;disabled&＃39;).next().removeClass(&＃39;disabled&＃39;);
      $(&＃39;#end&＃39;).addClass(&＃39;disabled&＃39;).prev().addClass(&＃39;disabled&＃39;);
    } else {/*当前页为最后一页，尾页和下一页选项禁止点击*/
      $(&＃39;#index&＃39;).removeClass(&＃39;disabled&＃39;).next().removeClass(&＃39;disabled&＃39;);
      $(&＃39;#end&＃39;).removeClass(&＃39;disabled&＃39;).prev().removeClass(&＃39;disabled&＃39;);
    }
  }

connect.php(连接数据库)

query("set names utf8");

pages.php（获取总页数）

query("select * from news");
$row=$result->rowCount();
echo $row;

listmore.php（获取数据库里的数据）

query("select * from news order by id desc limit {$start},$num");
$link = null;
while ($row=$result->fetch()){/*每一次读取一条数据*/
$json[]=$row;/*把数据赋给json数组*/
}
echo json_encode($json);/*把json数组以json格式返回给HTML*/

以上就是详解php实现网页上一页下一页翻页过程的详细内容，更多请关注 第一PHP社区 其它相关文章！