show.php

<meta charset="utf-8">
<?php
//連接數據庫
$link = mysqli_connect(‘127.0.0.1‘,‘root‘,‘root‘,‘mone‘);
//設置字符集
mysqli_query($link,‘set names utf8‘);

//進行分頁的操作

//接收當前頁(如果是空的，我們就使用第一頁，如果不是空的，我們就用接收到的值)
$page = empty($_GET[‘page‘])?1:$_GET[‘page‘];
//求出總條數
$sql = "select * from user";
$res = mysqli_query
 
($link,$sql);
$count = mysqli_num_rows($res);
//每頁顯示的條數
$length = 3;
//總頁數
$zong_page = ceil($count/$length);
//偏移量
$limit = ($page-1)*$length;
//查詢
$sql2 = "select * from user limit $limit,$length";
$res2 = mysqli_query($link,$sql2);
while ($a = mysqli_fetch_assoc($res2)) {
    $data[] = $a;
}
?>

<table>
    <tr>
        <th>ID</th>
        <th>姓名</th>
        <th>密碼</th>
        <th>性別</th>
        <th>年齡</th>
        <th>班級</th>
        <th>手機</th>
    </tr>

    <tbody id="tbody">

    <?php foreach
 
($data as $k => $v){ ?>
    <tr>
        <td><?php echo $v[‘user_id‘];?></td>
        <td><?php echo $v[‘username‘];?></td>
        <td><?php echo $v[‘pwd‘];?></td>
        <td><?php echo $v[‘sex‘];?></td>
        <td><?php echo
 
 $v[‘age‘];?></td>
        <td><?php echo $v[‘class_name‘];?></td>
        <td><?php echo $v[‘phone‘];?></td>
    </tr>
    <?php } ?>

    </tbody>
</table>

<!--定義一個當前頁的hidden-->
<input type="hidden" name="page" id="page" value="1">
<a href="javascript:void(0);" onclick="page(‘first‘)">首頁</a>
<a href="javascript:void(0);" onclick="page(‘prev‘)">上一頁</a>
<a href="javascript:void(0);" onclick="page(‘next‘)">下一頁</a>
<a href="javascript:void(0);" onclick="page(‘last‘)">尾頁</a>

<script>
    function page(obj){
        //獲取一下當前頁
        var current_page = document.getElementById(‘page‘).value;

        //判斷頁碼
        if(obj==‘first‘){
            //首頁
            var zhi = 1;
        }else if(obj==‘prev‘){
            var zhi = parseInt(current_page)-1;
        }else if(obj==‘next‘){
            var zhi = parseInt(current_page)+1;
        }else{
            var zhi = <?php echo $zong_page;?>
        }

        //發起ajax的請求

        //創建ajax對象
        var ajax = new XMLHttpRequest();
        //拼接路由
        ajax.open("get","fenye.php?page="+zhi);
        //發起請求
        ajax.send();
        //判斷結果
        ajax.onreadystatechange=function(){
            if(ajax.readyState==4 && ajax.status==200){
                if(ajax.responseText==0){
                    alert(‘無數據‘);
                    return false;
                }else{
                    //有數據
                    var res = JSON.parse(ajax.responseText);
                    var str = ‘‘;
                    //開始我的循環
                    for(var i=0;i<res.length;i++){
                        //  res[i][‘username‘]
                        str+="<tr>";
                        str+="<td>"+res[i][‘user_id‘]+"</td>";
                        str+="<td>"+res[i][‘username‘]+"</td>";
                        str+="<td>"+res[i][‘pwd‘]+"</td>";
                        str+="<td>"+res[i][‘sex‘]+"</td>";
                        str+="<td>"+res[i][‘age‘]+"</td>";
                        str+="<td>"+res[i][‘class_name‘]+"</td>";
                        str+="<td>"+res[i][‘phone‘]+"</td>";
                        str+="</tr>";
                    }


                    //替換一下所有的內容
                    document.getElementById(‘tbody‘).innerHTML = str;
                    document.getElementById(‘page‘).value = zhi;
                }
            }
        }
    }
</script>

fenye.php

<?php
//連接數據庫
$link = mysqli_connect(‘127.0.0.1‘,‘root‘,‘root‘,‘mone‘);
//設置字符集
mysqli_query($link,‘set names utf8‘);

//進行分頁的操作

//接收當前頁(如果是空的，我們就使用第一頁，如果不是空的，我們就用接收到的值)
$page = empty($_GET[‘page‘])?1:$_GET[‘page‘];
//求出總條數
$sql = "select * from user";
$res = mysqli_query($link,$sql);
$count = mysqli_num_rows($res);
//每頁顯示的條數
$length = 3;
//總頁數
$zong_page = ceil($count/$length);
//偏移量
$limit = ($page-1)*$length;
//查詢
$sql2 = "select * from user limit $limit,$length";
$res2 = mysqli_query($link,$sql2);
while ($a = mysqli_fetch_assoc($res2)) {
    $data[] = $a;
}

//判斷一下數組有沒有值
if(empty($data)){
    //如果是空的，我這裏輸出一個0
    echo 0;
}else{
    //如果有值，echo一個json數據
    echo json_encode($data);
}
?>

ajax分頁代碼