jQuery+Ajax分页显示数据

最新推荐文章于 2022-05-31 15:01:14 发布

DevinTempo

最新推荐文章于 2022-05-31 15:01:14 发布

阅读量1.1k

点赞数

文章标签： ajax jquery function float json xhtml

Ajax传递数据有两种一种是xml格式另外一种是json格式的。数据量比较少所以我选择用json格式

注意：如果你设置了请求的格式为"json"，此时你没有设置Response回来的ContentType 为：context.Response.ContentType = "text/plain";那么你将无法捕捉到返回的数据。

1.创建一个一般处理程序（或者是aspx.cs）

    private int pageRow;//每页显示条数
    private int pageCount;//总条数
    public void ProcessRequest (HttpContext context) {
        pageRow = 10;
        context.Response.ContentType = "text/plain";
        //得到页索引
        int pageIndex=Convert.ToInt32( context.Request.Form["pageIndex"].ToString());

        //数据总条数
        string strSqlCount = "select count(userId) from t_electronTrading_userall";
        pageCount=Convert.ToInt32(DataAccess.ExecuteScalar(false, strSqlCount, null).ToString());

        string strSql = "select top 10 userId,username from t_electronTrading_userall where userId not in(select top " + (pageIndex * pageRow).ToString() + " userId from t_electronTrading_userall order by userId)order by userId";
       SqlDataReader reader = DataAccess.ExecuteReader(false, strSql, null);
        System.Text.StringBuilder sb = new System.Text.StringBuilder();
        sb.Append("{\"UserInfo\":[");
        while (reader.Read())
        {
            sb.Append("{");
            sb.Append("\"userId\":\"" + reader["userId"].ToString() + "\",");
            sb.Append("\"userName\":\"" + reader["username"].ToString() + "\"");
            sb.Append("},");
        }
        sb.Remove(sb.Length - 1, 1);
        sb.Append("],");
        //页信息
        sb.Append("\"PageInfo\":[{\"pageCount\":"+pageCount.ToString()+",\"pageRow\":"+pageRow+"}]");
        sb.Append("}");
        context.Response.Write(sb.ToString());
    }

2、创建页面aspx

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

<!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>Ajax + .net 的数据分页</title>

</head>
<body οnlοad="getData(1)">
    <form id="form1" runat="server">
    <div id="tb_User">
        <table id="datas" border="1" cellspacing="0" style="border-collapse: collapse">
        </table>
    </div>
    </form>
</body>
</html>

DevinTempo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery+Ajax分页显示数据

Ajax传递数据有两种一种是xml格式另外一种是json格式的。数据量比较少所以我选择用json格式注意：如果你设置了请求的格式为"json"，此时你没有设置Response回来的ContentType 为：context.Response.ContentType = "text/plain";那么你将无法捕捉到返回的数据。1.创建一个一般处理程序（或者是aspx.cs）
复制链接

扫一扫