jquery ajax 分页
<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 分页的更多相关文章
- 转:精心挑选的12款优秀 jQuery Ajax 分页插件和教程
在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 ...
- 分享一个手机端好用的jquery ajax分页类
分享一个手机端好用的jquery ajax分页类 jquery-ias.min.js 1,引入jquery-ias.min.js 2,调用ajax分页 <script type="te ...
- 12款优秀 jQuery Ajax 分页插件和教程
12款优秀 jQuery Ajax 分页插件和教程 在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 W ...
- jquery ajax分页写法
jquery ajax分页写法我用的是laypage插件 前端代码<pre> function demo(curr) { $.getJSON('/home/index/getinfo', ...
- 精心挑选的12款优秀 jQuery Ajax 分页插件和教程
在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 ...
- Pagination jquery ajax 分页参考资料
http://www.zhangxinxu.com/wordpress/2010/01/jquery-pagination-ajax%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB% ...
- 12款优秀jQuery Ajax分页插件和教程
在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 ...
- jquery+ajax分页
先看效果图:
- jquery ajax 分页2
/* * 分页 $("#divPager").flexipager * 2015.03.17 */ //初始化列表默认属性 (function($) { $.addFlex = f ...
随机推荐
- FastAdmin 推荐 Git 在线学习教程
FastAdmin 推荐 Git 在线学习教程 因为 FastAdmin 推荐使用 Git 管理代码,有很多小伙伴对 Git 不是很熟悉. 也苦于找不到好的教程,我就分享一个 Git 在线学习教程. ...
- BZOJ2342:[SHOI2011]双倍回文
浅谈\(Manacher\):https://www.cnblogs.com/AKMer/p/10431603.html 题目传送门:https://www.lydsy.com/JudgeOnline ...
- Linux基础命令-文本文件查看工具
文本文件查看工具 cat concatenate 文本文件查看工具 cat /etc/fstab cat [OPTION]... [FILE]... -n:给显示的文本行编行 -E:显示行结束符 ta ...
- 证书脚本--生成csr,key
#!/bin/sh # this script can make certificate of each line in file you point which one! if [ $# -ne 1 ...
- VS2013 中使用 CxImage 库时用Unicode编码时出现链接错误
CxImage 本身是支持Unicode 编码的,编译CxImage库的时候选择编译Unicode就可以了,得到的lib文件和dll文件很容易看出有个u的就是Unicode编码的 当然在使用的时候要对 ...
- Pix mesa 自动化测试
最近在准备PIX的认证, 需要进行mesa测试. 但是Mesa的标准测试工具中没有针对PIX的TestCase, 只是提到NIST的web测试.路径为:http://pixpdqtests.nist. ...
- flask之flask_socketio
js客户端发送 {'op':'descrip', 100} python服务端收到的为 dict, 回复客户端可以用emit(str(json.dumps(dict)), room=roomname) ...
- git revert reset
git revert是用一次新的commit来回滚之前的commit,git reset是直接删除指定的commit. git reset 是把HEAD向后移动了一下,而git revert是HEAD ...
- Spring Boot整合Rabbitmq
Spring Boot应用中整合RabbitMQ,并实现一个简单的发送.接收消息的例子来对RabbitMQ有一个直观的感受和理解. 在Spring Boot中整合RabbitMQ是一件非常容易的事,因 ...
- O2O和B2C、C2C的区别
B2C.C2C是在线支付,购买的商品会塞到箱子里通过物流公司送到你手中;O2O是在线支付,购买线下的商品.服务,再到线下去享受服务. O2O模式的核心很简单,就是把线上的消费者带到现实的商店中去.在线 ...