使用JSON实现分页可直接用

Fenye.html

<!DOCTYPE html>

<html>

<head>

    <title>JSON分页</title>

</head>

<body>

<script type="text/javascript">

function getPageList(pageno){

    var req=new XMLHttpRequest();

    req.open('get','./JSON_Fenye.php?pageno='+pageno);

    req.onreadystatechange=function(){

        if(req.readyState==4 && req.status==200){

            //将传来的字符串转化为对象

            eval('var info='+req.responseText);

            var str='<tr><th>ID</th><th>姓名</th><th>邮箱</th><th>等级</th></tr>';

            //循环取出info对象中的数据

            for(var i=0,n=info.length-1;i<n;i++){

    str+='<tr><td>'+info[i].id+'</td><td>'+info[i].name+'</td><td>'+info[i].email+'</td><td>'+info[i].level+'</td></tr>';

            }

            //分页链接

            str+='<tr><td colspan="4" align="center">';

            for(var i=1;i<=info[info.length-1];i++){

                str+='<a href="javascript:void(0)" onclick="getPageList('+i+')">'+i+'</a>&nbsp;';

                console.log(i);

            }

            str+='</td></tr>';

            //把数据输出到浏览器

            document.getElementById('result').innerHTML=str;

        }

    }

    req.send(null);

}

//默认显示第一页

window.onload=function(){

    getPageList(1);

}

</script>

<table id='result'></table>

</body>

</html>

Fenye.php

<?php 

/**

*JSON分页

*/

//链接数据库

@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);

//定义数组，把数据存放在数组中

$info = array();

while ($rows = mysql_fetch_assoc($rs)) {

    $info[] = $rows;

}

//将总页码保存到数组

$info[] = $pageCount;

echo json_encode($info);

 ?>

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

  1. 基于Jquery+Ajax+Json实现分页显示

    1.后台action产生json数据. List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, ...

  2. js 从一个json拼接成另一个json，并做json数据分页table展示

    先给数据: //原始json数据json = [{"id":"1","aid":"013","performa ...

  3. Javascript实例技巧精选(6)—滚动鼠标中键读取Json数据分页显示网页内容

    >>点击这里下载完整html源码<< 截图如下: 滚动鼠标中键读取Json数据分页显示网页内容,关键的Javascript如下: <script type="t ...

  4. jQuery +ajax +json+实现分页

    正文 首先我们创建一般处理程序,来读取数据库中内容,得到返回值. 创建文件,GetData.ashx. 我这里是用的存储过程,存储过程会再下面粘出来,至于数据只是实例,你们可根据需求自行读取数据 代码 ...

  5. javascript实现json页面分页

    下午有个朋友问json 数据怎么分页 就捣鼓了一个东东出来 下面直接代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio ...

  6. 基于Jquery+Ajax+Json+高效分页

    摘要 分页我相信大家存储过程分页已经很熟悉了,ajax更是耳熟能详了,更别说我们的json,等等. 如果说您没用过这些东东的话,我相信看完这篇博文会对您有帮助的,,如果有任何问题不懂或者有bug没问题 ...

  7. 实习小白笔记一(鼠标悬停、获取多选、提交修改、layer页面、单元格文字长度、json、分页、左连接)

    ①easyui 当鼠标悬停显示单元格信息: $(this).datagrid('doCellTip',{'max-width':'600px','delay':300}); ②jquery 获取che ...

  8. jquery+json实现分页效果

    son作为一种轻量级的数据交换格式,由于其传输数据格式的方便性,今天偶然想将其应用于分页实现,分页做为web开发一个长久的话题,其应用的高效与重要性就不多说了本文主要技术:反射机制,Json数据格式, ...

  9. ASP.NET MVC获取微信返回的json数据分页

    View @model JiaYe.WeiXin.Models.ViewModels.UserViewModel <div class="pull-left pagination&qu ...

随机推荐

  1. GPS欺骗（一）—无人机的劫持

    本文作者:唯念那抹瑞利蓝 今天我们所讲的是GPS欺骗的方式和简单的定义.让大家对GPS欺骗这个方面有所了解.GPS是全世界地一个卫星定位系统,由美国制造. 0×01 例子2011年伊朗劫持美国无人机 ...

  2. svn update 产生Node remains in conflict的问题

    输入:sudo svn revert --depth=infinity frontend/web/js/workplace/organization.js 最后在执行 svn  up  就ok了

  3. webpack快速入门——配置JS压缩，打包

    1 .首先在webpack.config.js中引入 const uglify = require('uglifyjs-webpack-plugin'); 2.然后在plugins配置里 plugin ...

  4. python学习笔记06-enumerate()

    enumerate()   python 内置函数  枚举 列举的意思 对于一个可迭代的(iterable)/可遍历的对象(如列表.字符串),enumerate将其组成一个索引序列,利用它可以同时获得 ...

  5. OpenCV --- 修改图像的对比度、亮度 、RGB转Gray图像、修改图像的尺寸

    #include <opencv2/core.hpp> #include <opencv2/imgcodecs.hpp> #include <opencv2/highgu ...

  6. 【xsy1120】 支援(assist) dp+卡常

    妙啊算错时间复杂度了 题目大意:给你一棵$n$个节点的二叉树,每个节点要么是叶子节点,要么拥有恰好两个儿子. 令$m$为叶子节点个数,你需要在这棵二叉树中选择$i$个叶子节点染色,叶节点染色需要一定的 ...

  7. github的本地配置和项目创建

    之前完成了github的安装和账号的注册,接下来要进行项目的创建和本地代码仓库的建立 1.创建项目 2.填写项目相关信息 注意:在给项目起名时,尽量起一些有意义的名字,否则会被管理员删除.因为服务器上 ...

  8. Android 中的冷启动和热启动

    App的Activity退出之后,应用的进程并不会被杀死,而是保留在那里.当再次打开App的Activity时,会从已有的进程中创建Activity,是为“热启动”.若打开Activity时没有进程, ...

  9. Disconf 学习系列之Disconf是什么？

    不多说,直接上干货! Disconf是什么 Distributed Configuration Management Platform(分布式配置管理平台) ,它是专注于各种分布式系统配置管理 的通用 ...

  10. Innosetup(pascal)标签控件label换行

    Label1.AutoSize := false; //先关闭自适应 Label1.WordWrap := true; //开启换行