新建数据集：PagingDataSet.xsd

  1. SELECT * from
  2. ( select id, areaID, area, father,Row_Number() over (order by areaID) rownum FROM dbo.area) t
  3. where t.rownum >=@startRowIndex and t.rownum <=@endRowIndex
  4.  
  5. 在集合中添加两个参数： startRowIndex  endRowIndex

一般处理程序：PagedService.ashx

  1. namespace ajaxApp.service
  2. {
  3.     /// <summary>
  4.     /// PagedService 的摘要说明
  5.     /// </summary>
  6.     public class PagedService : IHttpHandler
  7.     {
  8.  
  9.         public void ProcessRequest(HttpContext context)
  10.         {
  11.             context.Response.ContentType = "text/plain";
  12.             //context.Response.Write("Hello World");
  13.             string action = context.Request["action"];
  14.             if (action == "getPagecount")
  15.             {
  16.                 var adapter = new areaTableAdapter();
  17.                 int count = adapter.SelectCount().Value;
  18.                 int pageCount = count / ;
  19.                 if (count %  != )
  20.                 {
  21.                     pageCount++;
  22.                 }
  23.                 context.Response.Write(pageCount);
  24.             }
  25.             else if (action == "getPagedata")
  26.             {
  27.                 string pagenum = context.Request["pagenum"];
  28.                 int iPageNum = Convert.ToInt32(pagenum);
  29.                 var adapter = new areaTableAdapter();
  30.                 var data = adapter.GetPagedData((iPageNum - ) *  + , (iPageNum) * );
  31.                 List<Area> list = new List<Area>();
  32.                 foreach (var row in data)
  33.                 {
  34.                     list.Add(new Area() { id=row.id,areaID=row.areaID,area=row.area,father=row.father});
  35.                 }
  36.                 //用LINQ更简单
  37.                 JavaScriptSerializer jss = new JavaScriptSerializer();
  38.                 context.Response.Write(jss.Serialize(list));
  39.  
  40.             }
  41.         }
  42.  
  43.         public bool IsReusable
  44.         {
  45.             get
  46.             {
  47.                 return false;
  48.             }
  49.         }
  50.     }
  51.  
  52.     public class Area
  53.     {
  54.         public long id { get; set; }
  55.         public int areaID { get; set; }
  56.         public string area { get; set; }
  57.         public int father { get; set; }
  58.     }
  59. }

前台页面：Paged.htm

  1. <head>
  2.     <title></title>
  3.     <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
  4.     <script type="text/javascript">
  5.         $(function () {
  6.             $.post("PagedService.ashx", { "action": "getPagecount" }, function (data, status) {
  7.                 for (var i = ; i <= data; i++) {
  8.                     var td = $("<td><a href=''>" + i + "</a></td>");
  9.                     $("#trPage").append(td);
  10.                 }
  11.  
  12.                 $("#trPage td").click(function (e) {
  13.                     e.preventDefault();
  14.                     $.post("PagedService.ashx",{"action":"getPagedata","pagenum":$(this).text()},
  15.                     function(data,status){
  16.                     var comments = $.parseJSON(data);
  17.                     $("#ulComment").empty();
  18.                     for(var i =;i<comments.length;i++){
  19.                     var comment = comments[i];
  20.                     var li = $("<li>"+comment.id+":"+comment.areaID+":"+comment.area+":"+comment.father+"</li>");
  21.                     $("#ulComment").append(li);
  22.                     }
  23.                     });
  24.                 });
  25.  
  26.             });
  27.        })
  28.     </script>
  29. </head>
  30. <body>
  31. <ul id="ulComment"></ul>
  32. <table>
  33. <tr id="trPage"></tr>
  34. </table>
  35. </body>
  36. </html>

AJAX进行分页的更多相关文章

  1. Ajax做分页

    Ajax做分页 用这种ajax做分页的方法比较简单,把代码直接复制就可以,然后根据实际更改一下里面的参数. .设置分页显示显示的样式,显示效果如下. 复制代码 <style type=" ...

  2. Yii 框架ajax搜索分页

    要想实现ajax搜索分页 其实很简单 第一步:在 Yii 框架自带的搜索和分页正常运行的情况下,在视图层

  3. 利用Linq + Jquery + Ajax 异步分页的实现

    在Web显示的时候我们经常会遇到分页显示,而网上的分页方法甚多,但都太过于消耗带宽,所以我想到了用Ajax来分页,利用返回的Json来处理返回的数据, 大大简化了带宽的压力. 先说下思路,无非就是异步 ...

  4. 5.Hibernate实现全套增删改查和ajax异步分页

    1.1 创建如下oracle数据库脚本 drop sequence seq_stu; create sequence SEQ_STU minvalue maxvalue start increment ...

  5. PHP中使用jQuery+Ajax实现分页查询多功能操作

    1.首先做主页面Ajax_pag.php 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UT ...

  6. 2018.2.28 PHP中使用jQuery+Ajax实现分页查询多功能如何操作

    PHP中使用jQuery+Ajax实现分页查询多功能如何操作 1.首先做主页Ajax_pag.php 代码如下 <!DOCTYPE html> <html> <head& ...

  7. js ajax php分页组件

    github  https://github.com/lihefen/pageList html页面 <!DOCTYPE html><html><head>< ...

  8. PHP+JQUEY+AJAX实现分页

      HTML <div id="list">   <ul></ul>  </div>  <div id="pagec ...

  9. PHP+JQUEY+AJAX实现分页【转】

    HTML CSS #list{width:680px; height:530px; margin:2px auto; position:relative} #list ul li{float:left ...

  10. jquery+ajax实现分页

    var curPage = 1; //当前页码 var total,pageSize,totalPage; //总记录数,每页显示数,总页数 getData(1); $("#pagecoun ...

随机推荐

  1. POJ1034 The dog task

    题目来源:http://poj.org/problem?id=1034 题目大意: 一个猎人在遛狗.猎人的路径由一些给定的点指定.狗跟随着猎人,要与主人同时到达那些指定的点.在丛林里有一些有趣的地方, ...

  2. Spark (Python版) 零基础学习笔记（二）—— Spark Transformations总结及举例

    1. map(func) 将func函数作用到数据集的每个元素,生成一个新的分布式的数据集并返回 >>> a = sc.parallelize(('a', 'b', 'c')) &g ...

  3. oracle的存储过程优缺点

    oracle的存储过程优缺点 1.存储过程可以使得程序执行效率更高.安全性更好,因为过程建立之后 已经编译并且储存到数据库,直接写sql就需要先分析再执行因此过程效率更高,直接写sql语句会带来安全性 ...

  4. keil编译器

    1 数组比指针效率高. 2 v4.73不能查看局部变量的值:可先将C/C++选项下的优化级别设置成O0,查看完之后修改回去.因默认级别是2级.

  5. Gym 101047M Removing coins in Kem Kadrãn

    给定一个序列,只能拿走D,隔壁的会翻转,问能否全部拿走. 注意到如果能拿走的话,拿D的顺序是没关系的.模拟即可 #include <cstdio> #include <cstdlib ...

  6. 【Java密码学】使用Bouncy Castle生成数字签名、数字信封

    Bouncy Castle(轻量级密码术包)是一种用于 Java 平台的开放源码的轻量级密码术包,它支持大量的密码术算法,并提供 JCE 1.2.1 的实现.最近项目上正好用到了Bouncy Cast ...

  7. Http报文长度的计算

    客户机与服务器需要某种方式来标示一个报文在哪里结束和在下一个报文在哪里开始. 一般使用Content-Length表示body报文体的长度,这样往后截取即可获得整个报文.对于普通的页面.图片皆可使用. ...

  8. SpringBoot | 第七章：过滤器、监听器、拦截器

    前言 在实际开发过程中,经常会碰见一些比如系统启动初始化信息.统计在线人数.在线用户数.过滤敏高词汇.访问权限控制(URL级别)等业务需求.这些对于业务来说一般上是无关的,业务方是无需关系的,业务只需 ...

  9. flask --db-Column属性

    db.Column 中其余的参数指定属性的配置选项. 选项名 说 明 primary_key 如果设为 True,这列就是表的主键 unique 如果设为 True,这列不允许出现重复的值 index ...

  10. 面向对象设计与构造：oo课程总结

    面向对象设计与构造:OO课程总结 第一部分:UML单元架构设计 第一次作业 UML图 MyUmlInteraction类实现接口方法,ClassUnit和InterfaceUnit管理UML图中的类和 ...