前台页面:

                    <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. 【OpenWRT】【RT5350】【一】OpenWrt开发环境搭建

    [宿主机构建] 本人电脑配置如下: CPU: intel 酷睿 i3 3.3G 双核 内存: 金士顿 8G 硬盘:希捷 1TB 7200rpm 操作系统:win7  旗舰版 64位 OpenWrt是在 ...

  2. utils.js

    /** * //2.0检测方式(目测,测量,专用仪器测试等) function GetCheckType() { $.ajax({ url: '@Url.Action("GetCheckTy ...

  3. linq实现数组转符号分割的字符串(备忘)

    fitemidstr = string.Join(",", detailpre1.Select(i => i.Key.ToString()).ToArray());

  4. Python基础、异常处理

    一.概述 错误与异常概念 异常也是对象, 基于Exception类.内置异常 异常处理.流程 try/except/else  处理python或你触发的异常 try/fianlly   不管有没有异 ...

  5. jNotify:操作结果信息提示条

    我们在提交表单后,通过Ajax响应后台返回结果,并在前台显示返回信息,jNotify能非常优雅的显示操作结果信息.jNotify是一款基于jQuery的信息提示插件,它支持操作成功.操作失败和操作提醒 ...

  6. call经常用到的地方

    看完这几个下例子,会对学习js有所帮助1.小猫和小狗 function food(){} food.prototype={ food:'fish', say:function(){ console.l ...

  7. LL基本姿势

    在说怎么练习之前,先说说LL这个游戏里面的一些基本概念: 谱面元素(element) 谱面由一个个的音符组成,在LL中,音符(Note)分以下三类: 单点(下简称S,Single),同一时刻只有一个圆 ...

  8. 使用Visual Studio扩展插件Visual assist X给代码插入注释模板

    Visual Assist 是由Whole Tomato公司为Microsoft Visual Studio开发的一款插件.它对Visual Studio的智能提示功能和代码高亮功能进行了增强,同时还 ...

  9. Android Studio Jni 环境搭建

    第一步:NDK环境搭建,点击下图红色框区域查看NDK下载和环境配置 安照正常情况是很慢的或者无法下载成功的,这个时候可以去下载NDK压缩包进行解压.下面给出两个下载地址 (1)官网:http://we ...

  10. Tomcat使用,部署

    Tomcat服务器基本使用 web服务软件,也叫web服务器软件,web服务器. 基本使用 1)下载 到apache官网下载. http://www.apache.org 安装版本:window  e ...