当前位置：首页 > 资讯 > 技术文档

jQuery getJSON()+.ashx 实现分页(改进版)

时间：2022-05-23 00:27 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery getJSON()+.ashx 实现分页(改进版)

参考了：[url=http://www.1sucai.cn/article/35110.htm]http://www.1sucai.cn/article/35110.htm[/url] 改进的地方： 1、ashx返回json数据，减少传输数据量，html页面样式控制也比较灵活； 2、改写html页的jQuery代码； 3、把3个ashx文件简化为1个。 [b]一、创建表的测试数据[/b]：

[url=#]<a href="#" onclick="Next()">下一页</a> </div> <input type="hidden" value="0" id="pageIndex" /> </form> </body> </html>

[b]三、.ashx页[/b]

[u]复制代码[/u][/url] 代码如下:

public class Handler : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; StringBuilder tb = new StringBuilder(); DataBase db = new DataBase(); int pageSize = 10; int pageIndex = 0; string type = context.Request.Params["type"]; switch (type) { case "first": DataTable dt1 = db.GetDataSet("select top 10 * from test", null).Tables[0]; tb.Append(Common.DataTableToJSON(dt1, true)); //DataTable转为JSON break; case "next": pageIndex = Convert.ToInt32(context.Request.Params["index"]); DataTable dt2 = db.GetDataSet("select top " + pageSize.ToString() + " * from test where id> (select max(id) from (select top " + (pageSize * pageIndex).ToString() + " id from test) t)", null).Tables[0]; tb.Append(Common.DataTableToJSON(dt2, true)); break; case "pre": pageIndex = Convert.ToInt32(context.Request.Params["index"]); DataTable dt3 = db.GetDataSet("select top " + pageSize.ToString() + " * from test where id> (select max(id) from (select top " + (pageSize * pageIndex).ToString() + " id from test) t)", null).Tables[0]; tb.Append(JSONHelper.DataTableToJSON(dt)); break; } context.Response.Write(tb.ToString()); } public bool IsReusable { get { return false; } } }

[b]四、效果[/b] [img]http://files.jb51.net/file_images/article/201303/2013328120723829.png?201322812813[/img] -------------------------------------------------------------------------------------------------------------------- 备注 (2010-7-10)：用sql2005 row_number()分页方法，.ashx页面代码可简化为

[url=http://www.1sucai.cn/article/21778.htm]JSONHelper帮助类[/url]