var curPage = 1; //当前页码

var total,pageSize,totalPage;

//获取数据

function getData(page){

    $.ajax({

        type: 'POST',

        url: 'page.php',

        data: {'pageNum':page-1},

        dataType:'json',

        success:function(json){

            $("#tablebody").empty();

            total = json.total; //总记录数

            pageSize = json.pageSize; //每页显示条数

            curPage = page; //当前页

            totalPage = json.totalPage; //总页数

            var table_html = "";

            var list = json.list;

            $.each(list,function(index,array){ //遍历json数据列

                table_html += "<tr><td><input type='checkbox' value='check'></td><td contentEditable='true'>"+array['id']+"</td><td>"+array['phonenumber']+"</td><td>"+array['username']+"</td><td><select id='permission' name='type'><option value ='present'>"+array['permission']+"</option><option value ='none'>无权限</option><option value ='all'>管理员</option><option value ='order'>订单管理</option><option value ='customer'>客户管理</option><option value ='supplier'>供应商管理</option><option value ='company'>车辆管理</option><option value ='warehouse'>仓库管理</option></select></td></tr>";            

            });

            $("#tablebody").append(table_html);

        },

        complete:function(){ //生成分页条

            getPageBar();

        },

        error:function(){

            alert("数据加载失败");

        }

    });

}



//获取分页条

function getPageBar(){

    //页码大于最大页数

    if(curPage>totalPage) curPage=totalPage;

    //页码小于1

    if(curPage<1) curPage=1;

    pageStr = "";



    //如果是第一页

    if(curPage==1){

        //

        //<li class='active'><a href='javascript:void(0)'>1</a></li>

        pageStr += "<li><a href='javascript:void(0)' rel='1'>1</a></li><li><a href='javascript:void(0)' rel='2'>2</a></li><li><a href='javascript:void(0)'>3</a></li><li><a href='javascript:void(0)' rel='"+(parseInt(curPage)+1)+"'>下一页</a></li><li><a href='javascript:void(0)' rel='"+totalPage+"'>尾页</a></li>";

    } else if(curPage>=totalPage){

        pageStr += "<li><a href='javascript:void(0)' rel='1'>首页</a></li><li><a href='javascript:void(0)' rel='"+(parseInt(curPage)-1)+"'>上一页</a></li><li><a href='javascript:void(0)' rel='1'>1</a></li><li><a href='javascript:void(0)' rel='1'>1</a></li><li><a href='javascript:void(0)' rel='2'>2</a></li><li><a href='javascript:void(0)'>3</a></li><li><a href='javascript:void(0)' rel='"+(parseInt(curPage)+1)+"'>下一页</a></li><li><a href='javascript:void(0)' rel='"+totalPage+"'>尾页</a></li>";

    } else {

        pageStr += "<li><a href='javascript:void(0)' rel='1'>1</a></li><li><a href='javascript:void(0)' rel='2'>2</a></li><li><a href='javascript:void(0)'>3</a></li><li><a href='javascript:void(0)' rel='"+(parseInt(curPage)+1)+"'>下一页</a></li><li><a href='javascript:void(0)' rel='"+totalPage+"'>尾页</a></li>";

    }



    $("#one").html(pageStr);

}





$(document).ready(function(){

    getData(1);

    $("#one li a").on('click',function(){

        alert('a被点击了');

        var rel = $(this).attr("rel");

        if(rel){

            getData(rel);

        }

    });

}); 

<?php

 

session_start();

include "conn/conn.php";

 

$page = intval($_POST['pageNum']);

 

$result = mysql_query("select id from tb_user");

$total = mysql_num_rows($result);//总记录数

 

$pageSize = 10; //每页显示数

$totalPage = ceil($total/$pageSize); //总页数

 

$startPage = $page*$pageSize;

$arr['total'] = $total;

$arr['pageSize'] = $pageSize;

$arr['totalPage'] = $totalPage;

$query = mysql_query("select id,phonenumber,username,permission from tb_user order by id desc limit $startPage,$pageSize");

while($row=mysql_fetch_array($query)){

     $arr['list'][] = array(

        'id' => $row['id'],

        'phonenumber' => $row['phonenumber'],

        'username' => $row['username'],

        'permission' => $row['permission']

     );

}

//print_r($arr);

echo json_encode($arr);

?>

<div class="manageNumber">

                    <nav aria-label="Page navigation" style="padding-left:50px">

                      <ul class="pagination pagination-sm" id="one">

                      </ul>

                    </nav>

                </div>