<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. vue项目错误集

    1.报错:vue.esm.js?efeb:591 [Vue warn]: Avoid using non-primitive value as key, use string/number value ...

  2. vue.js初学(二)

    1:构造器 var app = new Vue ( { //选项 }) 注意点: (1) 之后会经常用vm代表Vue实例 (2)实例化之后 需要传入一个选项对象,它可以包括数据.模板.挂载元素.方法. ...

  3. 对oracle中date/timestamp的操作

    设置oracle中date的会话格式为 'yyyy-mm-dd hh24:mi:ss' alter session set nls_date_format='yyyy-mm-dd hh24:mi:ss ...

  4. check: 获得所有呗选中的checked标签的元素值 mapArrayElement(arrEles)

    首先引用: <script src="../js/myjs/mapArrayElement.js"></script> 然后在<javascript& ...

  5. HDU4039(map应用)

    The Social Network Time Limit: 3000/2000 MS (Java/Others) Memory Limit: 65768/65768 K (Java/Others)T ...

  6. Task用法(1)-启动方法

    第一.基本使用 Thread,ThreadPool,Task的区别 Task是.NET4.0加入的,跟线程池ThreadPool的功能类似,用Task开启新任务时,会从线程池中调用线程,而Thread ...

  7. 如何设置linux在出现kernel panic后自动重启 (ZT)

    Automatic reboot after Linux kernel panic http://www.syn-ack.org/centos-linux/automatic-reboot-after ...

  8. java 多线程系列---JUC原子类(五)之AtomicLongFieldUpdater原子类

    AtomicLongFieldUpdater介绍和函数列表 AtomicLongFieldUpdater可以对指定"类的 'volatile long'类型的成员"进行原子更新.它 ...

  9. 问题:Server.MapPath;结果:Server.MapPath的命名空间

    习惯用Access的朋友都知道:ADO.NET链接Access数据库经常这么写:strcon="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=&q ...

  10. numpy.percentile

    http://docs.scipy.org/doc/numpy/reference/generated/numpy.percentile.html numpy.percentile(a, q, axi ...