aspx代码：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>无刷新分页</title>

    <link href="css/pagination.css" rel="stylesheet" />

    <script src="js/jquery-3.1.1.min.js"></script>

    <script src="js/jquery.pagination.js"></script>

    <script type="text/javascript">

        var pageIndex = 0;  //页面索引初始值

        var pageSize = 3;  //每页显示条数初始值

        $(function () {

            InitTable(0);   //初始化表格数据

            //分页，pageCount是总条目数，必选参数，其余可选参数

            $("#Pagination").pagination(<%=pcount%>,{

                callback : PageCallBack,  //PageCallback() 为翻页调用次函数

                prev_text : "<<上一页",

                next_text : "下一页>>",

                items_per_page : pageSize,  //每页显示的条目数

                num_edge_entries : 2,   //连接“下一页”显示的分页数

                num_display_entries : 3,    //连续“上一页”显示的分页数

                current_page: pageIndex,    //当前页索引

            });

        });

        //Load事件，初始化表格数据，请求数据

        function InitTable(pageIndex)

        {

            var data = {

                'PageSize': pageSize,

                'PageIndex':pageIndex

            };

            //alert(data.PageSize);

            $.ajax({

                type: "POST",

                datatype: "xml",    //后台返回dataset，这里要用xml

                url: "/_WebService/_AaronTest.asmx/GetBindSource",

                data: data,

                success: function (result) {

                    $("#Result tr:gt(0)").remove(); //移除Id为Result的表格里的行，从第二行开始

                    //演示一下捕获

                    try{

                        $(result).find("Table").each(function(){

                            //alert($(this).find("PCNum").text());  //用这个格式获取数据

                            $("#Result").append("<tr><td>" + $(this).find("PCNum").text() + "</td><td>"+$(this).find("NetIP").text() + "</tr>");

                        });

                    }

                    catch(ex){

                        alert(ex);

                        return;

                    }

                },

                error: function(result, status){    //如果上面的捕获出错会执行这里的回调函数

                    if(status == 'error'){

                        alert(status);

                    }

                }

            });

        }

        //翻页调用函数

        function PageCallBack(index, jq) {

            InitTable(index);

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

        jquery无刷新分页测试：<br />

        <table id="Result">

                <tr>

                    <th>PCNum</th>

                    <th>NetIP</th>

                </tr>

        </table>

        <div id="Pagination" class="flickr"></div> 

<%--<div id="Pagination" class="flickr"></div>

<div id="Pagination" class="meneame"></div>

<div id="Pagination" class="scott"></div>

<div id="Pagination" class="quotes"></div>

<div id="Pagination" class="black"></div> --%>

    </form>

</body>

</html>

　　

aspx.cs代码：

 protected int pcount = 0;   //总条数

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                _PCManager pcm = new _PCManager();

                pcount = pcm.GetTotalCount();   //获取总条数

            }

        }

　　

asmx代码：

[WebMethod(Description = "获取分页数据，返回DataSet")]

        public DataSet GetBindSource(int PageSize, int PageIndex)

        {

            _PCManager pcm = new _PCManager();

            return pcm.GetListByPage(PageSize, PageIndex);

        }

　　

SQL存储过程：

ALTER proc [dbo].[GetPCInfoByPage]

@pageSize int,

@pageIndex int

as

declare @pageCountStart int

set @pageCountStart = @pageSize * @pageIndex

declare @pageCountEnd int

set @pageCountEnd = @pageSize * (@pageIndex + 1)

select * from (

	select ROW_NUMBER() over (order by ID asc) row,*

	from PCInfo

)t

where t.row>@pageCountStart and t.row<=@pageCountEnd

　　

效果截图：

源代码链接：http://pan.baidu.com/s/1sl8OySH

asp.net练习②——Paginaton无刷新分页的更多相关文章

  1. asp.net MVC4 +MVCpager 无刷新分页

    本人菜鸟,最近在用MVC4和MVCpager做无刷新分页时,发现点击下一页时数据不是Ajax提交的,弄了好久终于找到原因,原来还是Jquery引用的问题,现在把代码粘出来,希望能帮到刚接触的程序员,第 ...

  2. ASP.NET中无刷新分页

    上次介绍了我们代码写的刷新分页,这次就来说说无刷新分页. 这次我们是在上次的基础上改动了一些,我们都知道想要无刷新,就需要Ajax,在我们的ASP.NET中AJax是和一般处理程序配合着用的. 无刷新 ...

  3. ASP.NET Ajax简单的无刷新分页

    最近练习了一些AJAX无刷新分页,写得比较简单,性能不知道怎么样,求大神指点,如有更好的分页提供,欢迎交流! 发话不多说了,直接上代码! 首先从网上下了一个JS分页,感觉挺好用的 (function( ...

  4. 自己动手用Javascript写一个无刷新分页控件

    .NET技术交流群:337901356 ,欢迎您的加入! 对 于一个用户体验好的网站来说,无刷新技术是很重要的,无刷新,顾名思义,就是局部刷新数据,有用过Asp.net Web Form技术开发网页的 ...

  5. Repeater 无刷新分页

    原文:http://blog.csdn.net/Sandy945/archive/2009/05/22/4208998.aspx 本文讲述的是如何利用 XMLHttpRequest 来对 Repeat ...

  6. MVC无刷新分页

    MVC无刷新分页(即局部刷新,带搜索,页数选择,排序功能)   我查看了很多网站,大部分评论分页都是局部刷新的,可大部分电商商品展示分页都是有刷新页面的,于是我便做了一个商品展示无刷新分页的例子.接下 ...

  7. 关于Ajax无刷新分页技术的一些研究 c#

    关于Ajax无刷新分页技术的一些研究 c# 小弟新手,求大神有更好的解决方案,指教下~ 以前做项目,用过GridView的刷新分页,也用过EasyUI的封装好的分页技术,最近在老项目的基础上加新功能, ...

  8. 在Thinkphp中使用AJAX实现无刷新分页

    在Thinkphp目录的Lib\ORG\Util\目录里新建AjaxPage.class.php,写入一下内容: <?php // +------------------------------ ...

  9. phpcms无刷新分页

    控制器添加一个函数: 添加一个静态页面ajax_message.html,在页面中添加如下代码: 在要分页的页面(我的是"show"页面)中添加如上图代码: phpcms无刷新分页 ...

随机推荐

  1. break语句与continue语句

    break:终止该层循环: continue:跳过该层循环 注: ①:若这两个语句离开应用范围,存在是没有意义的. ②:这个两个语句后面都不能有语句,因为执行不到. ③:continue语句是跳过本次 ...

  2. 21.栈的压入、弹出序列 Java

    题目描述 输入两个整数序列,第一个序列表示栈的压入顺序,请判断第二个序列是否可能为该栈的弹出顺序.假设压入栈的所有数字均不相等.例如序列1,2,3,4,5是某栈的压入顺序,序列4,5,3,2,1是该压 ...

  3. 关于php文件操作的几个小trick

    记录一些ctf题目中近期遇到的一些文件操作trick,不定时更新 1.move_uploaded_file 一般用来保存上传的文件,第二个参数一般是最终保存的文件名,针对此函数,若在一定条件下$new ...

  4. phpstorm配置了git后Terminal 不能使用显示：git' 不是内部或外部命令，也不是可运行的程序

    问题:在phpstorm上配置好git后,将代码拉了下来 ,但是命令行无法使用显示如图 解决方法:①找到安装git的位置,然后在该目录的子目录下分别找到git-core.bin 两个目录,我的安装在了 ...

  5. vs2017中信号与槽连接

    在vs2012里和在Qt Creator里添加信号和槽不一样,这里把两种环境下怎么添加详细说明一下 1.在vs2012里添加信号和槽 新建一个qt的项目QtDemo 在qtdeom.h里添加槽 pri ...

  6. Maven exclusions(排除依赖)

    在写pom的时候,我们写的一个依赖往往会依赖于其他的包,而这些包可能是过时的不安全的,因此需要排除并重新引用安全的版本,先在依赖这个项目的pom中去除想排除的依赖,再添加指定版本的依赖. pom的依赖 ...

  7. 转 MySQL: Starting MySQL….. ERROR! The server quit without updating PID file解决办法

    http://blog.sina.com.cn/s/blog_637e04c9010117ri.html 1 问题 [root@localhost mysql]# /etc/rc.d/init.d/m ...

  8. java设计模式中的动态代理

    Java的三种代理模式 1.代理模式 代理(Proxy)是一种设计模式,提供了对目标对象另外的访问方式;即通过代理对象访问目标对象.这样做的好处是:可以在目标对象实现的基础上,增强额外的功能操作,即扩 ...

  9. c++后台开发面试常见知识点总结（二）网络编程

    (1)TCP和UDP有什么区别? TCP是传输控制协议,提供的是面向连接的,可靠地字节流服务.使用三次握手建立连接,四次挥手释放连接.UDP是用户数据报协议,传输的是UDP数据报,是无连接的,而且没有 ...

  10. Vue开发工具

    vue微信小程序:mpvue 极客开发工具:Dcloud,uni-app 一套代码多终端. 简书-推荐的Vue UI库 Vue UI: 功能介绍帖子之一  :帖子二 VSCode: 介绍帖子 Vue- ...