<script src="../Js/jQuery/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript"> $(document).ready(function() {
$("#pages").val(Math.ceil(50 / 10));
});
//翻页
function changePage(ctype) {
switch (ctype) {
case 'first':
$("#page").val(1);
break;
case 'prev':
if ($("#page").val() > 1) {
var num = parseInt($("#page").val()) - 1;
$("#page").val(num);
}
break;
case 'next':
if ($("#page").val() < $("#pages").val()) {
var num = parseInt($("#page").val()) + 1;
$("#page").val(num);
}
break;
case 'last':
$("#page").val($("#pages").val());
break;
}
// if ($("#newp").val() == $("#page").val())
// return false;
populate();
} //获取数据
function populate() { if ($("#page").val() > $("#pages").val())
$("#page").val($("#pages").val()); var param = [
{ name: 'page', value: $("#page").val() }
, { name: 'rp', value: 10 }
, { name: 'sortname', value: "" }
, { name: 'sortorder', value: "" }
, { name: 'query', value: "" }
, { name: 'qtype', value: "" }
, { name: 'primaryKey', value: "" }
];
$.ajax({
type: "POST",
url: "HandlerPager.ashx?Action=Pagers",
async: true,
data: param,
dataType: "json",
success: function(data) {
$("#spanPageIndex").html(data);
},
error: function(data) {
try {
} catch (e) { }
}
});
}
</script>
<div>
<input type="hidden" value="1" id="page" /><!--当前页-->
<input type="hidden" value="1"id="pages" /><!--总页数--> <span id="first" onclick="changePage(this.id)">首页</span>
<span id="prev" onclick="changePage(this.id)">上一页</span>
<span id="spanPageIndex" >1</span>
<span id="next" onclick="changePage(this.id)">下一页</span>
<span id="last" onclick="changePage(this.id)">尾页</span>
</div>
 public class HandlerPager : IHttpHandler
{ private string requestParam = string.Empty;//HttpHandler用于异步调用提交的服务器类
public void ProcessRequest(HttpContext context)
{
requestParam = context.Request.QueryString["Action"]; switch (requestParam)
{
case "Pagers": //ᄄ
Pagers(context);
break;
} } void Pagers(HttpContext context)
{
string result = string.Empty;
Model_Wzsjfycs parm = FlexiGridParm.GetFlexiGridParam(context);
result = parm.PageIndex.ToString();
context.Response.ContentType = "text/plain";
context.Response.Write(result);
} public bool IsReusable
{
get
{
return false;
}
}
}
    /// <summary>
/// 分页请求参数类 可有可无,为了方便获取数据
/// </summary>
public class Model_Wzsjfycs
{
/// <summary>
/// 当前页码
/// </summary>
public int PageIndex;
/// <summary>
///
/// </summary>
public int PageSize;
/// <summary>
/// 主键
/// </summary>
public string PrimaryKey;
/// <summary>
/// 排序字段(多个字段用','号分开)
/// </summary>
public string OrderFields;
/// <summary>
/// 排序方式(asc 、desc)
/// </summary>
public string Order;
/// <summary>
/// 查询字段
/// </summary>
public string FilterFields;
/// <summary>
/// 查询内容
/// </summary>
public string FilterContents;
}
 public class FlexiGridParm
{ /// <summary>
/// 从HTTP中提取请求并封装FlexiGridParm类 用于解析 HttpContent请求上下文对象(页面发送请求的数据 以及 请求后返回的数据 );
/// </summary>
/// <param name="context">HttpContext</param>
/// <returns>Model_PagingParm</returns>
public static Model_Wzsjfycs GetFlexiGridParam(HttpContext context)
{
string pageIndex = context.Request["page"],
pageSize = context.Request["rp"],
primaryKey = context.Request["primaryKey"],
orderFields = context.Request["sortname"],
order = context.Request["sortorder"],
filterFields = context.Request["qtype"],
filterContents = context.Request["query"]; Model_Wzsjfycs parm = new Model_Wzsjfycs();
//当前页码
if (!string.IsNullOrEmpty(pageIndex))
parm.PageIndex = int.Parse(pageIndex);
else
parm.PageIndex = ;
//一页显示条数
if (!string.IsNullOrEmpty(pageSize))
parm.PageSize = int.Parse(pageSize);
else
parm.PageSize = ;
//主键
if (!string.IsNullOrEmpty(primaryKey))
parm.PrimaryKey = primaryKey;
else
parm.PrimaryKey = string.Empty;
//排序
if (!string.IsNullOrEmpty(orderFields))
parm.OrderFields = orderFields.Trim();
else
parm.OrderFields = string.Empty;
//排序字段
if (!string.IsNullOrEmpty(order) && order.ToLower() == "desc")
parm.Order = "desc";
else
parm.Order = "asc";
//查询字段
if (!string.IsNullOrEmpty(filterFields) && filterContents != null)
{
parm.FilterFields = filterFields;
parm.FilterContents = context.Server.UrlDecode(filterContents);
}
else
parm.FilterFields = parm.FilterContents = string.Empty; return parm;
} /// <summary>
/// 获取FlexiGridParm 对象
/// </summary>
/// <param name="pageIndex">当前页码</param>
/// <param name="pageSize">一页显示条数</param>
/// <param name="primaryKey">主键</param>
/// <param name="orderFields">排序字段(多个用','号隔开)</param>
/// <param name="order">排序方式(asc、desc)</param>
/// <param name="filterFields">查询字段</param>
/// <param name="filterContents">查询内容</param>
/// <returns>Model_PagingParm</returns>
public static Model_Wzsjfycs GetFlexiGridParam(int pageIndex, int pageSize, string primaryKey, string orderFields, string order, string filterFields, string filterContents)
{
Model_Wzsjfycs parm = new Model_Wzsjfycs();
parm.PageIndex = pageIndex;
parm.PageSize = pageSize;
parm.PrimaryKey = primaryKey;
parm.OrderFields = orderFields;
parm.Order = order;
parm.FilterFields = filterFields;
parm.FilterContents = filterContents;
return parm;
} }

jquery ajax 分页的更多相关文章

  1. 转:精心挑选的12款优秀 jQuery Ajax 分页插件和教程

    在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的  ...

  2. 分享一个手机端好用的jquery ajax分页类

    分享一个手机端好用的jquery ajax分页类 jquery-ias.min.js 1,引入jquery-ias.min.js 2,调用ajax分页 <script type="te ...

  3. 12款优秀 jQuery Ajax 分页插件和教程

    12款优秀 jQuery Ajax 分页插件和教程 在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 W ...

  4. jquery ajax分页写法

    jquery ajax分页写法我用的是laypage插件 前端代码<pre> function demo(curr) { $.getJSON('/home/index/getinfo', ...

  5. 精心挑选的12款优秀 jQuery Ajax 分页插件和教程

    在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的  ...

  6. Pagination jquery ajax 分页参考资料

    http://www.zhangxinxu.com/wordpress/2010/01/jquery-pagination-ajax%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB% ...

  7. 12款优秀jQuery Ajax分页插件和教程

    在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 ...

  8. jquery+ajax分页

    先看效果图:

  9. jquery ajax 分页2

    /* * 分页 $("#divPager").flexipager * 2015.03.17 */ //初始化列表默认属性 (function($) { $.addFlex = f ...

随机推荐

  1. swing之JDialog

    package canying; import java.awt.Color; import java.awt.Graphics; import java.awt.Image; import java ...

  2. 蓝桥杯 基础练习 BASIC-14 时间转换

    基础练习 时间转换   时间限制:1.0s   内存限制:512.0MB 问题描述 给定一个以秒为单位的时间t,要求用“<H>:<M>:<S>”的格式来表示这个时间 ...

  3. Zookeeper学习(八):Zookeeper的数据发布与订阅模式

     http://blog.csdn.net/ZuoAnYinXiang/article/category/6104448 1.发布订阅的基本概念        1.发布订阅模式可以看成一对多的关系:多 ...

  4. AngularJS核心特性(四大点)

    本人刚刚接触AngularJS,还不太熟悉,就说说我目前遇到的一些注意点吧. 1.调用外来文件script文件 AngularJS核心特性一  MVC MVC设计模式 html文件 <!DOCT ...

  5. java中实现多线程的方法有几种以及如何实现多线程

    多线程是java语言区别于其它语言的一大特点.其它语言向C++的话如果要实现多线程的话,必须调用操作系统的多线程机制(我不确定自己记得对不对 了感兴趣的自己上网查查看). 在java5以前实现多线程有 ...

  6. 【转】linux平台Redis安装部署

    Redis是一种高级key-value数据库.它跟memcached类似,不过数据可以持久化,而且支持的数据类型很丰富.有字符串,链表,集 合和有序集合.支持在服务器端计算集合的并,交和补集(diff ...

  7. C Primer Plus学习笔记(七)- 字符输入/输出和输入验证

    单字符 I/O:getchar() 和 putchar() getchar() 和 putchar() 每次只处理一个字符 getchar() 和 putchar() 都不是真正的函数,它们被定义为供 ...

  8. ABP仓储

    简介 我们都知道ABP已经实现了仓储模式,支持EF core 和dapper 进行数据库的连接和管理,可以很方便的注入仓储来操作你的数据,不需要自己单独定义一个仓储来实现,通用的仓储实现了通用的cru ...

  9. linux动态内核模块编程-3

    将一组与模块相关的命令加载进内核 完成功能类似2,打印proc下的相关信息.但是不用重新编译内核,节省时间,更为灵活 内核模块介绍 模块是在内核空间运行的程序,实际上是一种目标文件,不能单独运行但其代 ...

  10. MySQL在cmd和python下的常用操作

    环境配置1:安装mysql,环境变量添加mysql的bin目录 环境配置2:python安装MySQL-Python 请根据自身操作系统下载安装,否则会报c ++ compile 9.0,import ...