• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    使用AJAX实现分页

    本文实例为大家分享了AJAX实现分页展示的具体代码,供大家参考,具体内容如下

    Fenye.html

    !DOCTYPE html>
    html>
    head>
      title>分页/title>
    /head>
    script type="text/javascript">
    /**
    * AJAX
    * 1.创建ajax对象
    * 2.建立连接
    * 3.判断ajax准备状态及状态码
    * 4.发送请求
    */
    function showList(pageNow){
    
      //创建ajax对象
      var xmlHttp = new XMLHttpRequest();
    
      //建立连接
      xmlHttp.open('get','./AJAX_Fenye.php?pageNow='+pageNow);
    
      //判断ajax准备状态及状态码
      xmlHttp.onreadystatechange = function(){
    
        if (xmlHttp.readyState == 4  xmlHttp.status == 200) {
          //alert(xmlHttp.readyState);
          document.getElementById('result').innerHTML = xmlHttp.responseText;
        }
      }
    
      //发送请求
      xmlHttp.send(null);
    }
    
    //默认显示第1页
    window.onload = function(){
    
      showList(1);
    }
    
    /script>
    body>
    input type="text">
    div id="result">
      !-- 此处显示信息! -->
    /div>
    /body>
    /html>
    
    

    Fenye.php 

    !DOCTYPE html>
    html>
    head>
    meta charset="UTF-8">
    title>AJAX分页/title>
    /head>
    body>
    
    ?php 
    //以下php代码可封装调用,参数为pageNow
    
    
    //链接数据库
    @mysql_connect('localhost','root','');
    @mysql_select_db('empmanage');
    @mysql_query('set name utf8');
    
    //获取总记录数
    $rs = mysql_query('select count(*) from emp');
    $rows = mysql_fetch_row($rs);
    $recordCount = $rows[0];
    
    //每页显示多少条pageSize
    $pageSize = 5;
    
    //总页数 = 总记录/每页显示多少
    $pageCount=ceil($recordCount/$pageSize);
    
    //获取当前页 三元运算 若不存在pageNow则默认显示第1页
    $pageNow = isset($_GET['pageNow'])? $_GET['pageNow']:1;
    
    if ($pageNow  1) {
      $pageNow = 1;
    }elseif ($pageNow > $pageCount) {
      $pageNow = $pageCount;
    }
    
    //起始位置 每页从第几条数据显示
    $pageStart = ($pageNow-1)*$pageSize;
    
    //从哪条开始显示,限制每页显示几条
    $sql = "select * from emp limit $pageStart,$pageSize";
    
    //链接数据库
    $rs = mysql_query($sql);
    
    //以上php代码可封装调用,参数为pageNow 返回查询到的数据$rs
    
     ?>
    
     table bordercolor="green" border="1">
       tr>
         th>ID/th>
         th>姓名/th>
         th>邮箱/th>
         th>等级/th>
       /tr>
    
    ?php 
    //循环取出数据
    while ($rows = mysql_fetch_assoc($rs)) { 
    echo "
        tr>
          td>{$rows['id']}/td>
          td>{$rows['name']}/td>
          td>{$rows['email']}/td>
          td>{$rows['level']}/td>
         /tr>
      ";
    }
    ?>
     tr>
       td colspan='4'>
       ?php
         //分页页码 调用js中的showList()方法 此处$i=$pageNow
           for ($i=1; $i = $pageCount; $i++) { 
             echo "a href = 'javascript:void(0)' onclick = 'showList($i)'>{$i}/a> nbsp;";
           }
       ?>
       /td>
     /tr>
     /table>
    
    /body>
    /html>
    

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

    您可能感兴趣的文章:
    • 用jQuery中的ajax分页实现代码
    • JQuery+Ajax无刷新分页的实例代码
    • jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
    • Ajax读取数据之分页显示篇实现代码
    • php,ajax实现分页
    • JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现
    • 使用PHP+JQuery+Ajax分页的实现
    • jQuery DataTables插件自定义Ajax分页实例解析
    • 基于Jquery+Ajax+Json的高效分页实现代码
    • php+ajax实现无刷新分页的方法
    上一篇:给Ajax返回的HTML标签动态添加样式的方法
    下一篇:Ajax serialize() 表单进行序列化方式上传文件
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    使用AJAX实现分页 使用,AJAX,实现,分页,使用,