ajax分页代码
<meta charset="utf-8">
<?php
//连接数据库
$link = mysqli_connect('127.0.0.1','root','root','mone');
//设置字符集
mysqli_query($link,'set names utf8');
//进行分页的操作
//接收当前页(如果是空的,我们就使用第一页,如果不是空的,我们就用接收到的值)
$page = empty($_GET['page'])?1:$_GET['page'];
//求出总条数
$sql = "select * from user";
$res = mysqli_query($link,$sql);
$count = mysqli_num_rows($res);
//每页显示的条数
$length = 3;
//总页数
$zong_page = ceil($count/$length);
//偏移量
$limit = ($page-1)*$length;
//查询
$sql2 = "select * from user limit $limit,$length";
$res2 = mysqli_query($link,$sql2);
while ($a = mysqli_fetch_assoc($res2)) {
$data[] = $a;
}
?>
<table>
<tr>
<th>ID</th>
<th>姓名</th>
<th>密码</th>
<th>性别</th>
<th>年龄</th>
<th>班级</th>
<th>手机</th>
</tr>
<tbody id="tbody">
<?php foreach($data as $k => $v){ ?>
<tr>
<td><?php echo $v['user_id'];?></td>
<td><?php echo $v['username'];?></td>
<td><?php echo $v['pwd'];?></td>
<td><?php echo $v['sex'];?></td>
<td><?php echo $v['age'];?></td>
<td><?php echo $v['class_name'];?></td>
<td><?php echo $v['phone'];?></td>
</tr>
<?php } ?>
</tbody>
</table>
<!--定义一个当前页的hidden-->
<input type="hidden" name="page" id="page" value="1">
<a href="javascript:void(0);" onclick="page('first')">首页</a>
<a href="javascript:void(0);" onclick="page('prev')">上一页</a>
<a href="javascript:void(0);" onclick="page('next')">下一页</a>
<a href="javascript:void(0);" onclick="page('last')">尾页</a>
<script>
function page(obj){
//获取一下当前页
var current_page = document.getElementById('page').value;
//判断页码
if(obj=='first'){
//首页
var zhi = 1;
}else if(obj=='prev'){
var zhi = parseInt(current_page)-1;
}else if(obj=='next'){
var zhi = parseInt(current_page)+1;
}else{
var zhi = <?php echo $zong_page;?>
}
//发起ajax的请求
//创建ajax对象
var ajax = new XMLHttpRequest();
//拼接路由
ajax.open("get","fenye.php?page="+zhi);
//发起请求
ajax.send();
//判断结果
ajax.onreadystatechange=function(){
if(ajax.readyState==4 && ajax.status==200){
if(ajax.responseText==0){
alert('无数据');
return false;
}else{
//有数据
var res = JSON.parse(ajax.responseText);
var str = '';
//开始我的循环
for(var i=0;i<res.length;i++){
// res[i]['username']
str+="<tr>";
str+="<td>"+res[i]['user_id']+"</td>";
str+="<td>"+res[i]['username']+"</td>";
str+="<td>"+res[i]['pwd']+"</td>";
str+="<td>"+res[i]['sex']+"</td>";
str+="<td>"+res[i]['age']+"</td>";
str+="<td>"+res[i]['class_name']+"</td>";
str+="<td>"+res[i]['phone']+"</td>";
str+="</tr>";
}
//替换一下所有的内容
document.getElementById('tbody').innerHTML = str;
document.getElementById('page').value = zhi;
}
}
}
}
</script>
<?php
//连接数据库
$link = mysqli_connect('127.0.0.1','root','root','mone');
//设置字符集
mysqli_query($link,'set names utf8');
//进行分页的操作
//接收当前页(如果是空的,我们就使用第一页,如果不是空的,我们就用接收到的值)
$page = empty($_GET['page'])?1:$_GET['page'];
//求出总条数
$sql = "select * from user";
$res = mysqli_query($link,$sql);
$count = mysqli_num_rows($res);
//每页显示的条数
$length = 3;
//总页数
$zong_page = ceil($count/$length);
//偏移量
$limit = ($page-1)*$length;
//查询
$sql2 = "select * from user limit $limit,$length";
$res2 = mysqli_query($link,$sql2);
while ($a = mysqli_fetch_assoc($res2)) {
$data[] = $a;
}
//判断一下数组有没有值
if(empty($data)){
//如果是空的,我这里输出一个0
echo 0;
}else{
//如果有值,echo一个json数据
echo json_encode($data);
}
?>
ajax分页代码的更多相关文章
- ThinkPHP 整合Bootstrap Ajax分页
ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $wh ...
- 原生ajax分页,无刷新分页,最简化。超简单,代码最少
<html><script> var page=1; // 页面第一次加载,显示第一页 window.onload=function(){ ajax_go(1) } //分页的 ...
- ajax 分页完全代码整理
/* ajax分页 */ var page_cur = 1; //当前页 var total_num, page_size, page_total_num;//总记录数,每页条数,总页数 functi ...
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...
- yii2的分页和ajax分页
要想使用Yii分页类第一步:在控制器层加载分页类 use yii\data\Pagination;第二步: 使用model层查询数据,并用分分页,限制每页的显示条数$data = User::find ...
- MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)
该示例演示如何使用MvcPager最基本的Ajax分页模式. 使用AjaxHelper的Pager扩展方法来实现Ajax分页,使用Ajax分页模式时,必须至少指定MvcAjaxOptions的Upda ...
- laraver ajax分页
,设置分页容器参考laraver手册 我的设置代码如下: ,控制器调用的方法:代码如下 ); include($path); $content = ob_get_cle ...
- PHP+jQuery 长文章分页类 ( 支持 url / ajax 分页方式 )
/* ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8 **** ...
- PHP+jQuery 列表分页类 ( 支持 url 分页 / ajax 分页 )
/* ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8.3.mi ...
随机推荐
- URL传值乱码
JS端: &value=encodeURIComponent("value") C端: HttpUtility.UrlDecode(Request.Params[" ...
- Java for循环和foreach循环的性能比较
就是有些人循环用的是普通for循环,有些人用的是foreach循环,它们之间有什么区别?应该在什么时候使用这两种循环了? 两种循环的语法格式: 普通for循环语法: for (int i = 0; i ...
- 基于IDEA环境下的Spark2.X程序开发
我们选择在线安装 这个是windows下的scala,直接双击安装就可以了 安装好之后可以验证一下 这个是我本地的jdk1.8安装包,直接双击安装 安装完成后可以验证一下 https://archiv ...
- CS229 6.17 Neurons Networks convolutional neural network(cnn)
之前所讲的图像处理都是小 patchs ,比如28*28或者36*36之类,考虑如下情形,对于一副1000*1000的图像,即106,当隐层也有106节点时,那么W(1)的数量将达到1012级别,为了 ...
- 并发编程:GIL,线程池,进程池,阻塞,非阻塞,同步,异步
一 GIL(global interpreter lock) GIL中文叫全局解释器锁,我们执行一个文件会产生一个进程,那么我们知道进程不是真正的执行单位,而是资源单位,所以进程中放有解释器(cpy ...
- SP8093 JZPGYZ - Sevenk Love Oimaster(SAM)
/* 打模板题啊 每个串影响到的集合直接枚举跳parent处理即可 */ #include<cstdio> #include<algorithm> #include<cs ...
- Guava实现 过滤文本,排序,转换内容,分组计数转换map 等等
重要点 :看注释 从access.log中统计数据 对healthcheck.html的请求不计入统计 输出请求总量,以及GET和POST分别的总量 输出请求最频繁的10个接口及其次数,按次数降序 输 ...
- Spring中BeanFactory与ApplicationContext的区别
BeanFactory:Bean工厂接口,是访问Spring Bean容器的根接口,基本Bean视图客户端.从其名称上即可看出其功能,即实现Spring Bean容器的读取. ApplicationC ...
- SOA, EDA, 和 ESB
SOA----面向服务架构,实际上强调的是软件的一种架构,一种支撑软件运行的相对稳定的结构,表面含义如此,其实SOA是一种通过服务整合来解决系统集成的一种思想.不是具体的技术,本质上是一种策略.思想. ...
- 文件替换(交互式)Replace
在增量发版博文里,自动识别目标文件路径是采用了标记目录特征.当部署环境多变时,会多有不便.这个替换程序,在使用时需要手动输入目标目录.当需要进一步自动化时,可以与 fint 配合使用. 程序发布时,需 ...