asp.net中利用Jquery+Ajax+Json实现无刷新分页(二)

时间：2022-08-27 16:02:15
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PageTest.aspx.cs" Inherits="renmai_PageTest" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

    <title>Jquery+Ajax分页测试</title>

    <script src="../js/jquery-1.11.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            InitPage(1, 10);

            $(".nextPage").click(function () {

                InitPage($("#nextpage").val(), 10);

            });

        });

        //请求数据

        function InitPage(pageIndex, pageSize) {

            $.ajax({

                type: "POST",

                dataType: "json",

                url: '/Handler/Handler1.ashx',

                data: "type=show&random=" + Math.random() + "&pageIndex=" + pageIndex + "&pageSize=" + pageSize,

                error: function () { alert('error data'); },  //错误执行方法

                success: function (data) {

                    var json = data; //数组

                    var recordCount = json.table2[0].recordcount;

                    var pageCount = json.table2[0].pagecount;

                    var html = "";

                    $.each(json.table1, function (index, item) {

                        //循环获取数据

                        var id = item.Id;

                        var name = item.Name;

                        var sex = item.Sex;

                        html += "<tr><td>" + id + "</td><td>" + name + "</td><td>" + sex + "</td></tr>";

                    });

                    $("#Result").append(html);

                    if (pageIndex >= parseInt(pageCount)) {

                        $(".nextPage").hide();

                    }

                    else {

                        $("#nextpage").val(parseInt(pageIndex) + 1)

                    }

                }

            });

        };

    </script>

</head>

<body>

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

    <div>

    <input type="hidden" id="nextpage" value="1" />

    <table id="Result" cellspacing="0" cellpadding="0">

        <tr>

            <th style="width:50px;">

                编号

            </th>

            <th style="width:100px;">

                姓名

            </th>

            <th style="width:50px;">

                性别

            </th>

        </tr>

    </table>

    <a href="javascript:void(0)" class="nextPage">下一页</a>

    </div>

    </form>

</body>

</html>

<%@ WebHandler Language="C#" Class="Handler1" %>

using System;

using System.Web;

using System.Data;

using Newtonsoft.Json;

public class Handler1 : IHttpHandler {

    /*  Handler/Handler1.ashx */

    protected static int RecordCount = 0;

    protected static DataTable dt = CreateDT();

    public void ProcessRequest (HttpContext context) {

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

        int pageIndex = MSCL.ConvertHelper.ObjectToInt(context.Request["pageIndex"]);

        int pageSize = MSCL.ConvertHelper.ObjectToInt(context.Request["pageSize"]);

        switch (type)

        {

            case "show":

                #region 分页配置

                if (pageIndex == 0) { pageIndex = 1; }

                #endregion

                DataSet ds = new DataSet();

                DataTable dtData = GetPagedTable(dt, pageIndex, pageSize);

                dtData.TableName = "table1";

                DataTable dtCount = new DataTable();

                dtCount.TableName = "table2";

                dtCount.Columns.Add("recordcount");

                dtCount.Rows.Add(dt.Rows.Count);

                ds.Tables.Add(dtData);

                ds.Tables.Add(dtCount);

                string json = JsonConvert.SerializeObject(ds, Formatting.Indented);

                context.Response.Write(json);

                break;

            default :

                break;

        }

        context.Response.End();

    }

    #region 模拟数据

    private static DataTable CreateDT()

    {

        DataTable dt = new DataTable();

        dt.Columns.Add(new DataColumn("Id", typeof(int)) { DefaultValue = 0 });

        dt.Columns.Add(new DataColumn("Name", typeof(string)) { DefaultValue = "1" });

        dt.Columns.Add(new DataColumn("Sex", typeof(string)) { DefaultValue = "男" });

        for (int i = 1; i <= 58; i++)

        {

            dt.Rows.Add(i, "张三" + i.ToString().PadLeft(4, '0'));

        }

        RecordCount = dt.Rows.Count;

        return dt;

    }

    #endregion 

    /// <summary>

    /// 对DataTable进行分页,起始页为1

    /// </summary>

    /// <param name="dt"></param>

    /// <param name="PageIndex"></param>

    /// <param name="PageSize"></param>

    /// <returns></returns>

    public static DataTable GetPagedTable(DataTable dt, int PageIndex, int PageSize)

    {

        if (PageIndex == 0)

            return dt;

        DataTable newdt = dt.Copy();

        newdt.Clear();

        int rowbegin = (PageIndex - 1) * PageSize;

        int rowend = PageIndex * PageSize;

        if (rowbegin >= dt.Rows.Count)

            return newdt;

        if (rowend > dt.Rows.Count)

            rowend = dt.Rows.Count;

        for (int i = rowbegin; i <= rowend - 1; i++)

        {

            DataRow newdr = newdt.NewRow();

            DataRow dr = dt.Rows[i];

            foreach (DataColumn column in dt.Columns)

            {

                newdr[column.ColumnName] = dr[column.ColumnName];

            }

            newdt.Rows.Add(newdr);

        }

        return newdt;

    }

    /// <summary>

    /// 获取总页数

    /// </summary>

    /// <param name="sumCount">结果集数量</param>

    /// <param name="pageSize">页面数量</param>

    /// <returns></returns>

    public static int getPageCount(int sumCount, int pageSize)

    {

        int page = sumCount / pageSize;

        if (sumCount % pageSize > 0)

        {

            page = page + 1;

        }

        return page;

    }    

    public bool IsReusable {

        get {

            return false;

        }

    }

}

asp.net中利用Jquery+Ajax+Json实现无刷新分页(二)

asp.net中利用Jquery+Ajax+Json实现无刷新分页(二)的更多相关文章

  1. jquery ajax php&plus;mysql 无刷新分页 详细实例

    最近在接触jquery和ajax,当前项目也会用到分页,为了用户体验更好一些,就准备用无刷新分页,这个demo很适合新手学习查看,写的比较清晰,话不多说,直接上代码吧. 首先是html页面,index ...

  2. ajax分页2：jquery&period;pagination &plus;JSON 动态无刷新分页

    静态页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...

  3. jquery&period;pagination &plus;JSON 动态无刷新分页

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="SqlPage.aspx.cs& ...

  4. ASP&period;NET Ajax简单的无刷新分页

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

  5. 本篇文章主要是对jquery&plus;ajax&plus;C&num;实现无刷新操作数据库数据的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助

    我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如 ...

  6. TP2&period;0或3&period;1 或者 3&period;2 下使用ajax&plus;php做无刷新分页（转&plus;自创）

    1.前言 作为一名php程序员,我们开发网站主要就是为了客户从客户端进行体验,在这里,thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面,这种翻页的用户体验显然是不太理想的,我们希望每次翻 ...

  7. Bootstrap Paginator分页插件&plus;ajax 实现动态无刷新分页

    之前做分页想过做淘宝的那个,但是因为是后台要求不高,就Bootstrap Paginator插件感觉还蛮容易上手,所以就选了它. Bootstrap Paginator分页插件下载地址: Downlo ...

  8. asp&period;net 中使用JQuery Ajax 上传文件

    首先创建一个网页,网页中添加如下代码. <h3>Upload File using Jquery AJAX in Asp.net</h3> <table> < ...

  9. jQuery&plus;AJAX实现网页无刷新上传

    新年礼,提供简单.易套用的 jQuery AJAX上传示例及代码下载.后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP). 有时做一个网站项目 ...

随机推荐

  1. 跟着百度学PHP&lbrack;5&rsqb;函数篇2-PHP中的特殊形式的函数

    目录...................................................... .00x1 可变函数 在PHP里面如果说将“函数名称”赋予字符串类型的变量.在调用这个 ...

  2. js 用延时函数来实现像鼠标移入qq头像然后会出现新的模块

    就好像这功能. 代码如下 <style> #div1{ width:50px; height:50px; background:red; margin-bottom:10px; } #di ...

  3. Bash脚本15分钟进阶教程

    转载: Bash脚本15分钟进阶教程 这里的技术技巧最初是来自谷歌的"Testing on the Toilet" (TOTT).这里是一个修订和扩增版本. 脚本安全 我的所有ba ...

  4. Apache 下SVN项目管理使用说明

    Apache 下SVN项目管理使用说明 (1)Apaceh和SVN先要装好. (2)在apache的目录下找到httpd.conf文件,在最后一行增加如下配置 Include conf/svn.pro ...

  5. PHP入门，clone和&lowbar;&lowbar;clone

      前 言 这篇文章主要介绍了PHP编程中的__clone()方法使用详解,__clone()方法相当于一个浅拷贝,是PHP入门学习中的基础知识,需要的朋友可以参考下. 1对象是引用数据类型,当使用= ...

  6. 关于C&num;连接Oracle数据库 尝试加载Oracle客户端时引发BadImageFormatException 如果在安装32位Oracle客户端组件的情况下以64位模式运行，将出现此问题

    这个问题已经困扰了我快一个月了,各种百度,各种博客,可是,一个个都试过了,什么下载32位客户端,配置环境变量什么的,纯属扯犊子,开发环境win10 64位    oracle 11g r2 64位,这 ...

  7. &lpar;整理&rpar;REHL6&period;5&lowbar;安装本地yum

    1.检查是否安装yum包 查看RHEL是否安装了yum,若是安装了,那么又有哪些yum包:rpm -qa |grep yum 2 删除redhat自带的yum包 rpm -qa|grep yum|xa ...

  8. Alpha冲刺7

    前言 队名:拖鞋旅游队 组长博客:https://www.cnblogs.com/Sulumer/p/10013652.html 作业博客:https://edu.cnblogs.com/campus ...

  9. MVC自定义视图引擎地址

    先看结构 1.RouteConfig 文件(注意顺序) public static void RegisterRoutes(RouteCollection routes) { routes.Ignor ...

  10. JS中的HTML片段

    经常在js里面写一些html模板,但是由于语法不同,没有办法啊直接将html黏贴在js中. var html = "<!DOCTYPE html>"+ "&l ...

相关文章