asp.net异步获取datatable并显示

上面就是结果，前台代码如下：

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="MethodOne.aspx.cs" Inherits="_Default" %>

<!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></title>
    <link href="swcss.css" rel="stylesheet" type="text/css" />

    <link href="TableZB.css" rel="stylesheet" type="text/css" />

    <script src="js-datagrid/scripts/PagerView.js" type="text/javascript"></script>

    <link href="js-datagrid/style.css" rel="stylesheet" type="text/css" />

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

    <script type="text/javascript">

        var currentpage = 1;
        $(document).ready(function() {
            $.get("Handler.ashx?flag=data&index=" + currentpage,
               function(data) {
                   $("#sjxs").append(data);
               });

            $.get("Handler.ashx?flag=count",
               function(count) {
                   var pager = new PagerView('pager');
                   pager.itemCount = count;
                   pager.size = 5;
                   pager.onclick = function(index) {
                       currentpage = index;
                       $.get("Handler.ashx?flag=data&index=" + index,
                            function(data) {
                                $("#sjxs tr").each(function(m) {
                                    $("#add" + m).remove();
                                });
                                $("#sjxs").append(data);
                            });
                   };
                   pager.render();
               }
        );

        });
    </script>


</head>
<body>
    <form id="form1" runat="server">
    <fieldset style=" 98%; border: solid 1px  #EDF7DC;" class="fileset_style">
    <legend class="leg_style">查询结果</legend>
    <%--<div style="overflow:scroll;100%;height:100%">--%>
    <table border="1" cellpadding="0" cellspacing="0" width="100%" align="center" id="sjxs" class="TableStyleZB">
    <tr class="trTitle">
    <td colspan="5">当前发票库存情况</td>
    <td colspan="4">购买后一年(含)以上未验旧使用情况</td>
    <td></td>
    </tr>
    <tr  class="trTitle">
    <td>管理机关</td>
    <td>合计</td>

    <td>机打发票</td>

    <td>手工发票</td>

    <td>冠名发票</td>

    <td>其他</td>

    <td>正常户</td>

    <td>占库存户数的比率</td>

    <td>非正常户</td>

    <td>证件失效户</td>

    </tr>
    <tr  class="trTitle">
    <td>0</td>
    <td>1</td>

    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7=6/1</td>
    <td>8</td>
    <td>9</td>
    </tr>
    </table>
    <%--</div>--%>
    </fieldset>
     <div id="pager"></div>
     <div id="info"></div>

    </form>
</body>
</html>

处理页面程序如下：

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

using System;
using System.Web;
using System.Data;
using System.Data.SqlClient;
using System.Text;

public class Handler : IHttpHandler {

    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";

        if (context.Request.QueryString["flag"].Equals("data"))
        {
            context.Response.Write(GetResult(5,Int32.Parse(context.Request.QueryString["index"])));
        }
        if (context.Request.QueryString["flag"].Equals("count"))
        {
            context.Response.Write(getCount());
        }
    }

    private string GetResult()
    {
        DataTable dt = new DataTable();

        using (SqlConnection conn = new SqlConnection(System.Configuration.ConfigurationManager.AppSettings["conn"]))
        {
            conn.Open();
            string sql = "SELECT  * FROM TestBlog ";
            SqlDataAdapter sda = new SqlDataAdapter(sql, conn);
            sda.Fill(dt);
        }

        int rLen = dt.Rows.Count;
        int cLen = dt.Columns.Count;

        StringBuilder sb = new StringBuilder();

        for (int j = 0; j < rLen; j++)
        {
            sb.Append("<tr>");
            for (int i = 0; i < cLen; i++)
            {
                sb.Append("<td>");
                sb.Append(dt.Rows[j][i].ToString());
                sb.Append("</td>");
            }
            sb.Append("</tr>");
        }

        return sb.ToString();
    }

    private string GetResult(int pagecount,int currentpage)
    {
        DataTable dt = new DataTable();

        using (SqlConnection conn = new SqlConnection(System.Configuration.ConfigurationManager.AppSettings["conn"]))
        {
            conn.Open();
            string sql = "SELECT TOP "+pagecount+" * FROM TestBlog tb WHERE ydid NOT IN (SELECT TOP "+pagecount*(currentpage-1)+" ydid FROM TestBlog tb2) ";
            SqlDataAdapter sda = new SqlDataAdapter(sql,conn);
            sda.Fill(dt);
        }

        int rLen = dt.Rows.Count;
        int cLen = dt.Columns.Count;

        StringBuilder sb = new StringBuilder();


        for (int j = 0; j < rLen; j++)
        {
            sb.Append("<tr id=add"+j+">");
            for (int i = 0; i < cLen; i++)
            {
                sb.Append("<td>");
                sb.Append(dt.Rows[j][i].ToString());
                sb.Append("</td>");
            }
            sb.Append("</tr>");
        }

        return sb.ToString();
    }

    private string getCount()
    {
        DataTable dt = new DataTable();

        using (SqlConnection conn = new SqlConnection(System.Configuration.ConfigurationManager.AppSettings["conn"]))
        {
            conn.Open();
            string sql = "select count(*) from testblog";
            SqlDataAdapter sda = new SqlDataAdapter(sql, conn);
            sda.Fill(dt);
        }
        return dt.Rows[0][0].ToString();
    }

    public bool IsReusable {
        get {
            return false;
        }
    }

}

可惜的是，在ie7中显示不出来结果，但是在chrome、firefox和opera中倒是显示都正常，求解。

相关阅读:
SVN配置
最简单的JS例子2
最简单的JS例子
时间相加减（小森请假流程）
B/S架构（及电脑浏览网页的详细说明）
J2EE简介
正向代理和反向代理
Django ORM 数据库设置和读写分离
mysq的慢查询日志
django中的Form和ModelForm中的问题

原文地址：https://www.cnblogs.com/scy251147/p/1848288.html