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>

使用AJAX实现分页的更多相关文章

  1. Ajax做分页

    Ajax做分页 用这种ajax做分页的方法比较简单,把代码直接复制就可以,然后根据实际更改一下里面的参数. .设置分页显示显示的样式,显示效果如下. 复制代码 <style type=" ...

  2. Yii 框架ajax搜索分页

    要想实现ajax搜索分页 其实很简单 第一步:在 Yii 框架自带的搜索和分页正常运行的情况下,在视图层

  3. 利用Linq + Jquery + Ajax 异步分页的实现

    在Web显示的时候我们经常会遇到分页显示,而网上的分页方法甚多,但都太过于消耗带宽,所以我想到了用Ajax来分页,利用返回的Json来处理返回的数据, 大大简化了带宽的压力. 先说下思路,无非就是异步 ...

  4. 5.Hibernate实现全套增删改查和ajax异步分页

    1.1 创建如下oracle数据库脚本 drop sequence seq_stu; create sequence SEQ_STU minvalue maxvalue start increment ...

  5. PHP中使用jQuery+Ajax实现分页查询多功能操作

    1.首先做主页面Ajax_pag.php 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UT ...

  6. 2018.2.28 PHP中使用jQuery+Ajax实现分页查询多功能如何操作

    PHP中使用jQuery+Ajax实现分页查询多功能如何操作 1.首先做主页Ajax_pag.php 代码如下 <!DOCTYPE html> <html> <head& ...

  7. js ajax php分页组件

    github  https://github.com/lihefen/pageList html页面 <!DOCTYPE html><html><head>< ...

  8. PHP+JQUEY+AJAX实现分页

      HTML <div id="list">   <ul></ul>  </div>  <div id="pagec ...

  9. PHP+JQUEY+AJAX实现分页【转】

    HTML CSS #list{width:680px; height:530px; margin:2px auto; position:relative} #list ul li{float:left ...

  10. jquery+ajax实现分页

    var curPage = 1; //当前页码 var total,pageSize,totalPage; //总记录数,每页显示数,总页数 getData(1); $("#pagecoun ...

随机推荐

  1. xss跨站脚本攻击汇总

  2. jvm特性(3)( 收集算法和收集器的概念）

    java内存模型和线程规范 JVM高级特性与实践(三):垃圾收集算法 与 垃圾收集器实现 大致知识点如下: 4种垃圾收集算法概念的学习 7种垃圾收集器特征的学习 一. 垃圾收集算法 1. 标记-清除算 ...

  3. day 54 linux 常用指令入门

    Linux文件系统结构 Linux目录结构的组织形式和Windows有很大的不同.首先Linux没有“盘(C盘.D盘.E盘)”的概念.已经建立文件系统的硬盘分区被挂载到某一个目录下,用户通过操作目录来 ...

  4. Docker镜像(二)

    一. 获取镜像 1.1. docker pull 镜像是运行容器的前提,也就是说没有镜像就没有办法创建容器 获取镜像的命令: docker pull 这个命令可以直接在docker Hub镜像源下载镜 ...

  5. Android自定义View创建流程

    Android的framework提供了很多高质量的view,有时业务需求需要自定义View,其实现流程大致如下: 1.在values/attrs.xml中定义支持的自定义属性,示例如下:

  6. Linq基础知识小记一

    1.LINQ(语言级集成查询)的作用就是提供一种统一且对称的方式,让程序员在广义的数据上获取和操作数据.广义的数据包括XML文档数据.元数据.System.Data.dll和System.Data.S ...

  7. CS231n学习笔记-图像分类笔记（下篇）

    原文地址:智能单元 K-Nearest Neighbor分类器 大家可能注意到了,为什么只用最相似的一张图片的标签来作为测试图像的标签呢?这不是很奇怪吗!是的,使用K-Nearest Neighbor ...

  8. 【C#小知识】C#中一些易混淆概念总结(四)---------解析Console.WriteLine() 分类： C# 2014-02-05 17:18 1060人阅读 评论(0) 收藏

    目录: [C#小知识]C#中一些易混淆概念总结 [C#小知识]C#中一些易混淆概念总结(二) [C#小知识]C#中一些易混淆概念总结(三) ------------------------------ ...

  9. PHP CURL 伪造IP和来路

    //随机IP function Rand_IP(){ $ip2id= round(rand(, ) / ); //第一种方法,直接生成 $ip3id= round(rand(, ) / ); $ip4 ...

  10. postman—环境切换和设置变量

    postman提供了environment管理功能,想要在多个环境中测试,比如在测试环境.灰度环境.生产环境等,只需要用同样的接口,切换下环境即可,非常方便.具体步骤: 一.切换环境 1.点击界面右上 ...