新建数据集：PagingDataSet.xsd

SELECT * from

( select id, areaID, area, father,Row_Number() over (order by areaID) rownum FROM dbo.area) t

where t.rownum >=@startRowIndex and t.rownum <=@endRowIndex

在集合中添加两个参数： startRowIndex  endRowIndex

一般处理程序：PagedService.ashx

namespace ajaxApp.service

{

    /// <summary>

    /// PagedService 的摘要说明

    /// </summary>

    public class PagedService : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";

            //context.Response.Write("Hello World");

            string action = context.Request["action"];

            if (action == "getPagecount")

            {

                var adapter = new areaTableAdapter();

                int count = adapter.SelectCount().Value;

                int pageCount = count / ;

                if (count %  != )

                {

                    pageCount++;

                }

                context.Response.Write(pageCount);

            }

            else if (action == "getPagedata")

            {

                string pagenum = context.Request["pagenum"];

                int iPageNum = Convert.ToInt32(pagenum);

                var adapter = new areaTableAdapter();

                var data = adapter.GetPagedData((iPageNum - ) *  + , (iPageNum) * );

                List<Area> list = new List<Area>();

                foreach (var row in data)

                {

                    list.Add(new Area() { id=row.id,areaID=row.areaID,area=row.area,father=row.father});

                }

                //用LINQ更简单

                JavaScriptSerializer jss = new JavaScriptSerializer();

                context.Response.Write(jss.Serialize(list));

            }

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

    public class Area

    {

        public long id { get; set; }

        public int areaID { get; set; }

        public string area { get; set; }

        public int father { get; set; }

    }

}

前台页面：Paged.htm

<head>

    <title></title>

    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            $.post("PagedService.ashx", { "action": "getPagecount" }, function (data, status) {

                for (var i = ; i <= data; i++) {

                    var td = $("<td><a href=''>" + i + "</a></td>");

                    $("#trPage").append(td);

                }

                $("#trPage td").click(function (e) {

                    e.preventDefault();

                    $.post("PagedService.ashx",{"action":"getPagedata","pagenum":$(this).text()},

                    function(data,status){

                    var comments = $.parseJSON(data);

                    $("#ulComment").empty();

                    for(var i =;i<comments.length;i++){

                    var comment = comments[i];

                    var li = $("<li>"+comment.id+":"+comment.areaID+":"+comment.area+":"+comment.father+"</li>");

                    $("#ulComment").append(li);

                    }

                    });

                });

            });

       })

    </script>

</head>

<body>

<ul id="ulComment"></ul>

<table>

<tr id="trPage"></tr>

</table>

</body>

</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. STP-16-根防护，BPDU防护和BPDU过滤

    网络设计者很可能并不打算让终端用户在用于连接终端用户设备的Access端口上连接交换机.然而,这种事情有时却会发生——例如,有人可能需要大厅的会议室里有更多的端口,于是他觉得他可以把一个小的便宜的交换 ...

  2. 聊聊tcpdump与Wireshark抓包分析

    1 起因# 前段时间,一直在调线上的一个问题:线上应用接受POST请求,请求body中的参数获取不全,存在丢失的状况.这个问题是偶发性的,大概发生的几率为5%-10%左右,这个概率已经相当高了.在排查 ...

  3. Phpstorm Git 操作

    一.前提: 1.下载并安装好 Phpstorm 2.下载并安装好 Git 3.熟悉 Git 相关命令行操作 二.Git pull & commit(add): 下面简单说一下相关操作: Php ...

  4. git——解决“fatal: Authentication failed for 'https://github.com/balabala”

    平复一下心情,到底如何在github上将队友和owner的仓库连接?如何push代码到远程仓库???找了巨多教程,终于解决了~ 刚到公司不久,开始学着用git,在提交代码的时候怎么都提不上去! 解决办 ...

  5. python3 下载 以及 练习1 以及 pycharm 专业版 安装

    下载python: https://www.python.org/downloads/release/python-365/ ########sample 1 下载pycharm 社区版本,但是web ...

  6. 【密码学】DES、3DES

    文章1: 这一篇文章要解决数据加密——数据补位的问题.DES算法的两种模式ECB和CBC问题以及更加安全的算法——3DES算法. 一.数据补位 DES数据加解密就是将数据按照8个字节一段进行DES加密 ...

  7. Spring cloud Eureka 服务治理(注册服务提供者)

    搭建完成服务注册中心,下一步可以创建服务提供者并向注册中心注册服务. 接下来我们创建Spring Boot 应用将其加入Eureka服务治理体系中去. 直接使用签名章节创建hello服务项目改造: 1 ...

  8. BaiduPCS-Go 使用CMD命令行全速下载百度云

    BaiduPCS-Go 使用CMD命令行全速下载百度云 链接: https://laod.cn/black-technology/baidupcs-go-baiduyun.html 下面为自己测试过程 ...

  9. linux 跳过登陆修改用户密码

      2017-02-11 20:41 6人阅读 评论(0) 收藏 编辑 删除  分类: Linux 版权声明:本文为博主原创文章,未经博主允许不得转载. Linux 系统默认的是有0 1 2  3   ...

  10. nginx停止后再启动出现: [error] open() ＂/usr/local/nginx/logs/nginx.pid＂ failed错误的解决方法

    为了备份数据 手动停止了服务器的nginx 结果启动时报错 nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" fail ...