前台页面:

                    <table class="table table-hover">
<thead>
<tr>
<th class='hidden-xs'>代号</th>
<th>用户名</th>
<th class='hidden-xs'>产品代号</th>
<th class='hidden-xs'>观看类型</th>
<th class='hidden-xs'>审核状态</th>
<th>操作</th>
</tr>
</thead>
<tbody id="zy_bg"> </tbody>
</table>
<!--表格结束-->
<!--分页开始-->
<center>
<ul class="pagination" id="fy_list">
</ul>
<input type="hidden" value="1" id="fy_n" />//显示的页数
</center>
<!--分页结束--> </div>
</div> </div>
</div>
</div>
</div>
<!--内容结束-->
<script type="text/javascript">
$(document).ready(function(e) {
//获取分页
JiaZai();
var zys = 0;//设初始总页数为0
//页面加载数据
function JiaZai()//做一个加载的方法
{
var n = $("#fy_n").val();
$.ajax({
url:"chuli/chakan.php",
data:{n:n},
type:"POST",
dataType:"JSON",
success: function(data){
var str ="";
for(var i in data)
{
str = str+"<tr><th>"+data[i].code+"</th><th>"+data[i].bname+"</th><th>"+data[i].pdcode+"</th><th>"+data[i].lxcode+"</th><th>"+data[i].auditing+"</th><th>删除</th></tr>"; }
$("#zy_bg").html(str); }
}); //获取分页数(列表) $.ajax({
url:"chuli/zyxchuli.php",
dataType:"TEXT",
success: function(data){
//总页数
var ys = Math.ceil(data/6);//向上取整页数
zys = ys; var s = "<li><a id='fy_shang'>上一页</a></li>";
var dangqian = $("#fy_n").val(); //当前页数
for(var i=dangqian-2;i<=dangqian+2;i++)//显示的五条页数
{
if(i>0 && i<=ys)
{
if(dangqian==i)
{
s+="<li class='active'><a class='fy_zhong'>"+i+"</a></li>";
}
else
{
s+="<li><a class='fy_zhong'>"+i+"</a></li>"
}
}
}
s += "<li><a id='fy_xia'>下一页</a></li>";
$("#fy_list").html(s); //给分页列表加事件
JiaShiJian();
}
})
}
//给分页列表加事件的方法
function JiaShiJian()
{
$("#fy_shang").click(function(){
var n = $("#fy_n").val(); if(n>1)
{
n--;
}
else
{
n=1;
}
$("#fy_n").val(n); //加载数据
JiaZai();
})
$("#fy_xia").click(function(){
var n = $("#fy_n").val(); if(n<zys)
{
n++;
}
else
{
n=zys;
}
$("#fy_n").val(n); //加载数据
JiaZai();
})
$(".fy_zhong").click(function(){//点击页数跳转到当前页
var n = $(this).text();
$("#fy_n").val(n); //加载数据
JiaZai();
})
} }); </script>

  后台处理页面 需要引用一个封装查询的方法,后台处理页面(chakan.php):

<?php
session_start();
include("../DBDA.class.php");
$db = new DBDA();
$uid = $_SESSION["uid"];
$n = $_POST["n"];
//echo $n;
$tg = ($n-1)*6;
$sql = "select * from buy where bname='{$uid}' limit {$tg},6";//查询有关用户名的数据,limit {$tg},6 是跳过n条数据查6条数据
echo json_encode($db->GuanQuery($sql),1);

  后台处理页面(zyxchuli.php):

<?php
session_start();
$uid = $_SESSION["uid"];
include("../DBDA.class.php");
$db = new DBDA();
$sqlsj = "select count(*) from buy where bname='{$uid}'";//查询有关用户名的数据总数量
echo $db->StrQuery($sqlsj,1);

  

使用ajax分页的更多相关文章

  1. [jQuery]jQuery DataTables插件自定义Ajax分页实现

    前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...

  2. ThinkPHP 整合Bootstrap Ajax分页

    ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $wh ...

  3. yii2的分页和ajax分页

    要想使用Yii分页类第一步:在控制器层加载分页类 use yii\data\Pagination;第二步: 使用model层查询数据,并用分分页,限制每页的显示条数$data = User::find ...

  4. [js开源组件开发]ajax分页组件

    ajax分页组件 我以平均每一周出一个开源的js组件为目标行动着,虽然每个组件并不是很庞大,它只完成某一个较小部分的工作,但相信,只要有付出,总会得到回报的.这个组件主要完成分页的工作. 这张图里显示 ...

  5. MvcPager 概述 MvcPager 分页示例 — 标准Ajax分页 对SEO进行优化的ajax分页 (支持asp.net mvc)

    该示例演示如何使用MvcPager最基本的Ajax分页模式. 使用AjaxHelper的Pager扩展方法来实现Ajax分页,使用Ajax分页模式时,必须至少指定MvcAjaxOptions的Upda ...

  6. MVC - 11(下)jquery.tmpl.js +ajax分页

    继续 mvc-11(上).dto:http://www.cnblogs.com/tangge/p/3840060.html jquery.tmpl.js 下载:http://pan.baidu.com ...

  7. laraver ajax分页

    ,设置分页容器参考laraver手册 我的设置代码如下: ,控制器调用的方法:代码如下 );         include($path);         $content = ob_get_cle ...

  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 **** ...

  9. 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 ...

  10. php--yii框架中的ajax分页与yii框架自带的分页

    要想使用Yii分页类 第一步:在控制器层加载分页类 use yii\data\Pagination; 第二步: 使用model层查询数据,并用分分页,限制每页的显示条数 $data = Zhao::f ...

随机推荐

  1. 回文字符串的判断!关于strlen(char * str)函数

    #include <stdio.h> #include <string.h> int ishuiw(char * p); int main() { ;//true-false接 ...

  2. 快速学习html、css的经典笔记

    HTML语言剖析 Html简介-目录 全写: HyperText Mark-up Language  译名: 超文本标识语言  简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标签(tag ...

  3. sys.stdout.write与sys.sterr.write(二)

    目标: 1.使用sys.stdout.write模拟火车道轨迹变化过程 2.使用sys.stderr.write模拟火车道轨迹变化过程 1.sys.stdout.write模拟火车道轨迹变化 代码如下 ...

  4. Sublime WiFi真机同步和WiFi真机预览使用说明

    概述WiFi真机同步: 通过在Sublime中建立调试服务,接收真机设备主动连接调试的方式,配合apploader及自定义loader,为开发者提供在局域网内通过WiFi实现应用快速真机同步和实时预览 ...

  5. 使用JCIFS获取远程共享文件

    package com.jadyer.util;  import java.io.File; import java.io.FileOutputStream; import java.io.IOExc ...

  6. 使用Canvas绘制背景图

    原文  http://www.imququ.com/post/use-canvas-as-background-image.html 最近iCloud Web的Beta版换了UI,整体风格变得和iOS ...

  7. 使用Cordova编译Android平台程序提示:Could not reserve enough space for 2097152KB object heap

    大体的意思是系统内存不够用,创建VM失败.试了网上好几种方法都不行,最后这个方法可以了: 开始->控制面板->系统->高级设置->环境变量->系统变量 新建变量: 变量名 ...

  8. Glacierskating测试记录

    这个游戏本身已经很成熟了,要提什么建议的话也是吹毛求疵.... 不过个人来讲不是很喜欢这个游戏,喜欢程度排倒数第二吧....感觉游戏就是一个套路,掌握了套路就不好玩了.....优点是随时随地可以玩一把 ...

  9. 判断访问的是移动端还是PC端,如果是移动端跳转页面

    <script type="text/javascript"> var mobileAgent = new Array("iphone", &quo ...

  10. 与资源库同步时,我的svn报错 Previous operation has not finished; run 'cleanup' if it was interrupted

    解决办法:选择你的项目,右键,小组(Team),刷新或清理(Refresh or Clean)即可.