《用jQuery中的ajax分页实现代码》由会员分享，可在线阅读，更多相关《用jQuery中的ajax分页实现代码（9页珍藏版）》请在金锄头文库上搜索。
1、用用 jQuery 中的中的 ajax 分页实现代码分页实现代码去年的时候刚接触 Jquery，也就做界面特效用了下，对其很有兴趣，迫于现在项目中不怎 么用，对其甚是想念呀，这不没抽点时间再来看看 Juery 中好玩的东西。 功能简介：主要功能就是分页显示数据了，可在配置文件中配置每页要显示的页码,可以做 多条件联合查询，这里只是做一个简单的查询。欢迎拍砖，有问题的还望大虾们斧正哈。 看看这个效果图，无刷新的噢！具体实现请看源码：1、aspx 页面复制代码 代码如下:ajax 分页 编号： 测试编号 地层渗透率 K 井筒储集常数 C 表皮系数 S 堵塞比 探测半径 拟合地层压力 边界距离 压力
2、系数 复合储能比 操作 共条数据 第页/共0页 首页 上一页 下一页 末页 2、具体实现 JS 复制代码 代码如下:var pageIndex = 1; /页索引 var where = “ where 1=1“; $(function() BindData(); / GetTotalCount(); /总记录条数 /GetPageCount(); /总页数绑定 /第一页按钮 click 事件 $(“#first“).click(function() pageIndex = 1; $(“#lblCurent“).text(1); BindData(); ); /上一页按钮 click 事件 $
3、(“#previous“).click(function() if (pageIndex != 1) pageIndex-; $(“#lblCurent“).text(pageIndex); BindData(); ); /下一页按钮 click 事件 $(“#next“).click(function() var pageCount = parseInt($(“#lblPageCount“).text(); if (pageIndex != pageCount) pageIndex+; $(“#lblCurent“).text(pageIndex); BindData(); ); /最后一页
4、按钮 click 事件 $(“#last“).click(function() var pageCount = parseInt($(“#lblPageCount“).text(); pageIndex = pageCount; BindData(); ); /查询 $(“#btnSearch“).click(function() where = “ where 1=1“; var csbh = $(“#txtCSBH“).val(); if (csbh != null where += “ and csbh like %“ + csbh + “%“; BindData(); ); ) /AJ
5、AX 方法取得数据并显示到页面上 function BindData() $.ajax( type: “get“, /使用 get 方法访问后台 dataType: “json“, /返回 json 格式的数据 url: “./AjaxService/JgcsService.ashx“, /要访问的后台地址 data: “pageIndex“: pageIndex, “where“: where , /要发送的数据 ajaxStart: function() $(“#load“).show(); , complete: function() $(“#load“).hide(); , /AJAX
6、 请求完成时隐藏 loading 提示 success: function(msg) /msg 为返回的数据，在这里做数据绑定 var data = msg.table; if (data.length != 0) var t = document.getElementById(“tb_body“); /获取展示数据的表格 while (t.rows.length != 0) t.removeChild(t.rows0); /在读取数据时如果表格已存在行一律删除 $.each(data, function(i, item) $(“#jgcsTable“).append(“ + item.CSB
7、H + “ + item.K + “ “ + item.C + “ “ + item.S + “ “ + item.DSB + “ “ + item.TCBJ + “ + item.LHDCYL + “ “ + item.BJJL + “ + item.YLXS + “ “ + item.FCTH + “ “ + “); ) , error: function() var t = document.getElementById(“tb_body“); /获取展示数据的表格 while (t.rows.length != 0) t.removeChild(t.rows0); /在读取数据时如果表
8、格已存在行一律删除 alert(“加载数据失败“); /加载失败，请求错误处理 /ajaxStop:$(“#load“).hide() ); GetTotalCount(); GetPageCount(); bindPager(); / 页脚属性设置 function bindPager() /填充分布控件信息 var pageCount = parseInt($(“#lblPageCount“).text(); /总页数 if (pageCount = 0) document.getElementById(“lblCurent“).innerHTML = “0“; else if (page
9、Index pageCount) $(“#lblCurent“).text(1); else $(“#lblCurent“).text(pageIndex); /当前页 document.getElementById(“first“).disabled = (pageIndex = 1 | $(“#lblCurent“).text() = “0“) ? true : false; document.getElementById(“previous“).disabled = (pageIndex = pageCount) ? true : false; document.getElementBy
10、Id(“last“).disabled = (pageIndex = pageCount | $(“#lblCurent“).text() = “0“) ? true : false; /AJAX 方法取得总页数 function GetPageCount() var pageCount; $.ajax( type: “get“, dataType: “text“, url: “./AjaxService/JgcsService.ashx“, data: “wherePageCount“: where , /“wherePageCount“ + where,个人建议不用这种方式 async:
11、false, success: function(msg) document.getElementById(“lblPageCount“).innerHTML = msg; ); /AJAX 方法取得记录总数 function GetTotalCount() var pageCount; $.ajax( type: “get“, dataType: “text“, url: “./AjaxService/JgcsService.ashx“, data: “whereCount“: where , async: false, success: function(msg) document.get
12、ElementById(“lblToatl“).innerHTML = msg; ); 3、一般处理程序 ashx 中的代码 复制代码 代码如下:public class JgcsService : IHttpHandler readonly int pageSize = 15; public void ProcessRequest(HttpContext context) context.Response.ContentType = “text/plain“; /不让浏览器缓存 context.Response.Buffer = true; context.Response.ExpiresA
13、bsolute = DateTime.Now.AddDays(-1); context.Response.AddHeader(“pragma“, “no-cache“); context.Response.AddHeader(“cache-control“, “); context.Response.CacheControl = “no-cache“; string result = “; /记录总条数 if (!string.IsNullOrEmpty(context.Request“whereCount“) string where = context.Request.Params“whe
14、reCount“.ToString(); result = Jgcs.GetToatlNum(where).ToString(); /总页数 if (!string.IsNullOrEmpty(context.Request“wherePageCount“) string where = context.Request.Params“wherePageCount“.ToString(); int count = Jgcs.GetToatlNum(where); string pageCount = Math.Ceiling(double)count / (double)pageSize).To
15、String(); result = pageCount; /分页数据 if (!string.IsNullOrEmpty(context.Request.Params“pageIndex“) int pageIndex = Convert.ToInt32(context.Request.Params“pageIndex“); result = GetJsonString(where, pageIndex); context.Response.Write(result); / / 返回 json 串 / / 查询条件 / 页面索引 / json 串 protected string GetJsonString(string where, int pageIndex) DataTable dt = Jgcs.GetInfo(“csbh“, where, pageIndex, pageSize); return Js
