使用JSON实现分页

使用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)" οnclick="getPageList('+i+')">'+i+'</a>&nbsp;';console.log(i);}str+='</td></tr>';//把数据输出到浏览器document.getElementById('result').innerHTML=str;}}req.send(null);
}//默认显示第一页
window.οnlοad=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);?>

转载于:https://www.cnblogs.com/wenJiaQi/p/6746461.html

使用JSON实现分页相关推荐

基于Jquery+Ajax+Json+高效分页
摘要分页我相信大家存储过程分页已经很熟悉了,ajax更是耳熟能详了,更别说我们的json,等等. 如果说您没用过这些东东的话,我相信看完这篇博文会对您有帮助的,,如果有任何问题不懂或者有bug没问题 ...
ajax高效分页查询,基于 Jquery+Ajax+Json高效分页实现代码
代码如下 using System; using System.Web; using System.Data.SqlClient; using System.Data; using System.Co ...
mybatis分页练手
最近碰到个需求,要做个透明的mybatis分页功能,描述如下: 目标:搜索列表的Controller action要和原先保持一样,并且返回的json需要有分页信息,如: @ResponseBody ...
php读取mysql分页查询
调用例子: $fenzhan_prize_order_db = pc_base::load_model('fenzhan_prize_order_model'); $page = max(intval ...
react ajax 分页,一款简单的react分页组件
父组件pagination.jsx import React, { Component } from 'react'; import PageComponent from './pageCompone ...
tp5 分页php不能foreach,tp5框架无刷新分页实现方法分析
本文实例讲述了tp5框架无刷新分页实现方法.分享给大家供大家参考,具体如下: 已tp5 分页为例, 1.默认生成的分页页码如下: « 1 2 » 2.点击页码值,跳转到对应的页面,并get传 p ...
json数据条件查询,json数据sql查询中文乱码
json 解析分页条件查询从数据库中查询出来的json数据乱码可以使用 json_extract(json字段,'$') json字段这个是json数据的条件查询 <sql id=& ...
后端分页+前端分页显示（Angular+Primeng+SpringBoot）
后端实现引入PageHelper插件 <dependency><groupId>com.github.pagehelper</groupId><artifa ...
Laypage完整分页示例
//控制器//连接Apihelper(博客中写有文章)HttpClientHelper helper = new HttpClientHelper("http://localhost:581 ...
elementui的tree组件页面显示不出数据_[Angular 组件库NG-ZORRO基础入门] -Hacker News: Pagination...
前言回顾到目前为止,我们已经实现了 hacker news 大部分页面功能设计,但是仍然缺少一个重要的翻页功能,API 现在没人是返回 20 条数据,我们今天会使用 Pagination 组件将分 ...

使用JSON实现分页

使用JSON实现分页相关推荐

最新文章

热门文章