php+ajax实现无刷新分页_PHP-PHPチュートリアル-php.cn

php+ajax实现无刷新分页_PHP

WBOY

リリース： 2016-05-28 13:13:21

オリジナル

1052 人が閲覧しました

本文实例讲述了php+ajax实现无刷新分页实现方法。分享给大家供大家参考。具体如下：

    limit 偏移量，长度;
    limit 0,7;   第一页
    limit 7,7;   第二页
    limit 14,7; 第三页
每页信息条数：7
信息总条数：select count(*) from table
信息总页数：ceil向上取整(总条数/每页条数)
1、分页类具体使用

<?php

class Pagination {

  private $total; //数据表中总记录数
  private $listRows; //每页显示行数
  private $limit; //mysql 数据库的limit
  private $uri; //分页信息前面的uri地址
  private $pageNum; //页数
  private $config = array('header' => "个记录", "prev" => "【】", "first" => "【首 页】", "last" => "【尾 页】");
  private $listNum = 8;

  /*
   * $total 当前信息总条数
   * $listRows 每页显示的条数
   * $pa 下面的page
    http://网址/index.php?page=5
   */

  public function __construct($total, $listRows = 10, $pa = "") {
    $this->total = $total;
    $this->listRows = $listRows;
    $this->uri = $this->getUri($pa);
    $this->page = !empty(<p>本文实例讲述了php+ajax实现无刷新分页实现方法。分享给大家供大家参考。具体如下：</p>
<p><span style="COLOR: #333333"><strong>    limit  偏移量，长度;<br />    limit  0,7;   第一页<br />    limit  7,7;   第二页<br />    limit  14,7;  第三页<br /></strong></span>每页信息条数：7<br />信息总条数：select count(*) from table<br />信息总页数：ceil向上取整(总条数/每页条数)<br /><strong>1、分页类具体使用<br /></strong></p>
<p style="TEXT-ALIGN: center"><img onclick="window.open(this.src)" id="theimg" alt="" src="http://img.bitscn.com/upimg/allimg/c151123/144RDL21W50-13H5.jpg" /></p>
<p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="prebrush">___FCKpd___0

ログイン後にコピー

<?php //链接数据库 //获得具体信息 //分页显示 header("content-type:text/html;charset=utf-8"); $link = mysql_connect('localhost','root','111111'); mysql_select_db('shop', $link); mysql_query("set names utf8"); $css = <<<eof <style type="text/css"> table {border:1px solid black; width:700px; margin:auto; border-collapse:collapse;} td {border:1px solid black; } </style> eof; echo $css; echo " <table> <tr><td>序号</td><td>名称</td><td>数量</td><td>价格</td><td>时间</td></tr> "; //1 引入分页类 include "./Pagination.php"; //2. 获得信息总条数 $sql = "select * from sw_goods"; $qry = mysql_query($sql); $total = mysql_num_rows($qry); $per = 7; //3. 实例化分页类对象 $page_obj = new Pagination($total,$per); //4. 拼装sql语句，获得每页信息 //利用page_obj实现limit的灵活设置 //$page_obj -> limit; $sqla = "select * from sw_goods ".$page_obj->limit; $qrya = mysql_query($sqla); //5. 获得页面列表 $pagelist = $page_obj -> fpage(array(3,4,5,6,7,8)); $i=1; while($rsta = mysql_fetch_assoc($qrya)){ echo "<tr>"; echo "<td>".$i++."</td>"; echo "<td>".$rsta['goods_name']."</td>"; echo "<td>".$rsta['goods_number']."</td>"; echo "<td>".$rsta['goods_price']."</td>"; echo "<td>".date("Y-m-d H:i:s",$rsta['goods_create_time'])."</td>"; echo "</tr>"; } echo "<tr><td colspan=5>".$pagelist."</td></tr>"; echo "</table>";

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>新建网页</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <script type="text/javascript"> //获得分页信息ajax函数 function showPage(myurl){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState==4){ var rst = document.getElementById("result"); rst.innerHTML = xhr.responseText; } } xhr.open("get",myurl); xhr.send(null); } window.onload = function(){ showPage("./data1.php"); //获得分页信息 //showPage("./data.php?page=2"); } </script> <style type="text/css"> </style> </head> <body> <h2>ajax无刷新分页效果</h2> <div id="result"></div> </body> </html> <script type="text/javascript"> document.write(new Date()+"<br />"); document.write(new Date()+"<br />"); document.write(new Date()+"<br />"); document.write(new Date()+"<br />"); </script>