jquery+json实现分页效果_jquery

Json作为一种轻量级的数据交换格式,由于其传输数据格式的方便性，今天偶然想将其应用于分页实现，分页做为web开发一个长久的话题，其应用的高效与重要性就不多说了本文主要技术:反射机制，Json数据格式，jquery为了应用的通用性，首先要根据反射机制，能将要返回的任意类型的结果对象转化成Json类型的格式。public static String toJSON(Object obj) {HashMap map = new HashMap();Class c = obj.getClass();// 利用反射机 制，把里面所有的属性，反射出来使用，这样放入任何一个对象， 都可以找到他们的属性，// 把这些属性的名，和属性的值，封装成一个map里，Field[] fields = c.getDeclaredFields();for (int i = 0; i 登录后复制将要返回的多个对象转换成Json类型的对象后，最后应加上分页的信息，最终将多个Json字符串，转化成一整个Json类型{"0":{"id":"0", "name":"dong0", "age":21},"1":{"id":"1", "name":"dong1", "age":21},"2":{"id":"2", "name":"dong2", "age":21},"3":{"id":"3", "name":"dong3", "age":21},"4":{"id":"4", "name":"dong4", "age":21},"5":{"id":"5", "name":"dong5", "age":21},"6":{"id":"6", "name":"dong6", "age":21},"7":{"id":"7", "name":"dong7", "age":21},"8":{"id":"8", "name":"dong8", "age":21},"9":{"id":"9", "name":"dong9", "age":21},"10":{"firstPage":1, "currentPage":1, "default_Record_Num":10, "lastPage":10, "frontPage":1, "sum":100, "nextPage":2},"length":11}登录后复制当信息发送到客户端时 ，只用jquery接收对象的数据就行了 ，这样 可以实现前台的样式与后台传送的数据分离，更加简化了代码$.getJSON("result.jsp?page="+p, function(json){$("#show").html("用户ID用户名用户年龄");for(var i=0 ; i"+json[i]["id"]+""+json[i]["name"]+""+json[i]["age"]+"");}$("#currentPage").attr("value",json[json.length-1]["currentPage"]);$("#pageCount").attr("value",json[json.length-1]["lastPage"]);});登录后复制利用JQuery与JSon实现的无刷新分页代码，具体代码如下需要四个文件 一个实体类文件 CategoryInfoModel.cs 一个SqlHelper SQLHelper.cs 一个AJAX服务端处理程序 PagedService.ashx 一个客户端调用页面 WSXFY.htm CategoryInfoModel.cs和SQLHelper.cs我就不写了，都知道是什么文件 PagedService.ashx 代码如下 using System.Web.Script.Serialization; public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string strAction = context.Request["Action"]; //取页数 if (strAction == "GetPageCount") { string strSQL = "SELECT COUNT(*) FROM CategoryInfo"; int intRecordCount = SqlHelper.ExecuteScalar(strSQL); int intPageCount = intRecordCount / 10; if (intRecordCount % 10 != 0) { intPageCount++; } context.Response.Write(intPageCount); }//取每页数据 else if (strAction == "GetPageData") { string strPageNum = context.Request["PageNum"]; int intPageNum = Convert.ToInt32(strPageNum); int intStartRowIndex = (intPageNum - 1) * 10 + 1; int intEndRowIndex = (intPageNum) * 10 + 1; string strSQL = "SELECT * FROM ( SELECT ID,CategoryName,Row_Number() OVER(ORDER BY ID ASC) AS rownum FROM CategoryInfo) AS t"; strSQL += " WHERE t.rownum >= " + intStartRowIndex + " AND t.rownum categoryinfo_list = new List();//定义实体集合 for (int i = 0; i 登录后复制WSXFY.htm 代码如下 无刷新分页 $(function () { $.post("PagedService.ashx", { "Action": "GetPageCount" }, function (response, status) { for (var i = 1; i " + i + ""); $("#trPage").append(td); td.click(function (e) { e.preventDefault(); //不要导向链接 $.post("PagedService.ashx", { "Action": "GetPageData", "PageNum":$(this).text() }, function (response, status) { var categorys = $.parseJSON(response); $("#ulCategory").empty(); for (var i = 0; i " + category.CategoryInfoID + "-" + category.CategoryName + ""); $("#ulCategory").append(li); } }); }); } }); }); 登录后复制以上就是本文的全部内容，希望能够帮助大家实现分页效果。