使用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. FunDA（10）－ 用户功能函数模式：User Function Model

    前面我们提过:FunDA就像一个管道(PipeLine).管道内流动着一串数据(Data)或者运算指令(Action).管道的源头就是能产生纯数据的数据源(Source),跟着在管道的中间会有一些节点 ...

  2. 查询改写（Query Rewrite）方法总结

    为何需要Query改写 Query分析是搜索引擎的一个重要模块,对搜索结果的覆盖率和相关性至关重要.搜索引擎的检索过程包含了两个重要的阶段:匹配和排序.匹配也叫召回,表示根据用户的查询条件,尽可能多地 ...

  3. template.js插件和ajax一起使用的例子

    template.js 一款 JavaScript 模板引擎,简单,好用.提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果. https:/ ...

  4. Java并发编程实践读书笔记（5） 线程池的使用

    Executor与Task的耦合性 1,除非线程池很非常大,否则一个Task不要依赖同一个线程服务中的另外一个Task,因为这样容易造成死锁: 2,线程的执行是并行的,所以在设计Task的时候要考虑到 ...

  5. 【xsy1018】 小A的字母游戏 扩展CRT

    题目大意:有$n$个无限长的循环字符串,所谓循环字符串,就是由某一个子串重复叠加而成.现在想知道最早在哪一位,这n个字符串的那一位的字母相同. 数据范围:$n≤30000$,答案$<2^{63} ...

  6. 归并排序的理解和实现(Java)

    归并排序介绍 归并排序(Merge Sort)就是利用归并的思想实现的排序方法.它的原理是假设初始序列含有fn个记录,则可以看成是n个有序的子序列,每个子序列的长度为1,然后两两归并,得到[n2\fr ...

  7. Android 手势识别——单击/双击

    为什么需要手势识别? 手势对于我们的app有很多的地方都在使用,比如右滑关闭界面等.手势控制分为触发动作(Touch Mechanics,用户手指在屏幕上如何动作)和触发行为(Touch Activi ...

  8. pycharm 使用jupyter notebook 报错：'_xsrf' argument missing from POST

    出问题的关键点就在: 我用cmd启动的jupyter notebook,然后用pycham新建了一个jupyter notebook 结果 一直报错'_xsrf' argument missing f ...

  9. Servlet Filter（过滤器）、Filter是如何实现拦截的、Filter开发入门

    Servlet Filter(过滤器).Filter是如何实现拦截的.Filter开发入门 Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过F ...

  10. LDAP落地实战（三）：GitLab集成OpenLDAP认证

    上一篇文章介绍了svn集成OpenLDAP认证,版本控制除了svn外,git目前也被越来越多的开发者所喜爱,本文将介绍GitLab如何集成openldap实现账号认证 GitLab集成OpenLDAP ...