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. 前端入门html(表单)

    day48 配置Django项目:https://blog.csdn.net/zV3e189oS5c0tSknrBCL/article/details/79606994 <!DOCTYPE ht ...

  2. Retrofit源码解析（上）

    简介Retrofit是Square公司开发的一款针对Android网络请求的框架,官网地址http://square.github.io/retrofit/ ,在官网上有这样的一句话介绍retrofi ...

  3. Python小白学习之路（九）—【字符串格式化】【百分号方式】【format方式】

    写在前面: 最近的事情好像有很多.李咏的离去,让我觉得很突然,仿佛印象中就是主持节目的他,看着他和哈文的爱情,很是感动.离去,没有什么抱怨,只是遗憾. 总会感慨,时光的流逝. 好像真的很快,转眼间,我 ...

  4. 调用百度地图开发平台的JavascriptAPI实现将市县位置转换成坐标

    最近的项目要做的地图比较多,有的还比较复杂,而地图用到的坐标,上网找json文件更是良莠不齐的.真是让人伤脑筋,后来突然想到了百度地图开发平台,没想到真的有对应的API哦,谢天谢地!!!下面说一下完整 ...

  5. Python shutil模块（目录和文件操作）

    import shutil #导入shutil模块 copyfileobj方法 将类文件对象fsrc的内容复制到类文件对象fdst shutil.copyfileobj(fsrc, fdst[, le ...

  6. 03——Solr学习之Solr的使用(不会用)

    1.先放上次在linux搭建成功的solr管理UI界面 2.有个很蛋疼的问题我就要吐槽一下了 由于没接触过solr这玩意,在百度上一顿操作搜索怎么用,怎么导入数据,建索引库什么的,看了一大片别人的博客 ...

  7. 【原创】Team Foundation Server 域环境迁移

    先说下此片博客的上下文:部门所在的业务被集团出售,因此我们所有的计算机和服务器都得重新命名,退出当前域加入新公司的域.对于PC和其他服务器,目前不存在太大问题.但是对于Team Foundation ...

  8. Failed to instantiate CLSID_VirtualBox w/ IVirtualBox, but CLSID_VirtualBox w/ IUnknown works.

    我是 win7 64位 解决办法: 1, win+r 快捷键打开 “运行”,输入regedit 打开注册表 2,找到 HKEY_CLASSES_ROOT\CLSID\{00020420-0000-00 ...

  9. javascript双等号引起的类型转换

    隐性类型转换步骤 一.首先看双等号前后有没有NaN,如果存在NaN,一律返回false. 二.再看双等号前后有没有布尔,有布尔就将布尔转换为数字.(false是0,true是1) 三.接着看双等号前后 ...

  10. Android 开发工具类 02_DensityUtils

    常用单位转换的辅助类: 1.dp 转 px: 2.sp 转 px: 3.px 转 dp: 4.px 转 sp. import android.content.Context; import andro ...