当前位置:  编程技术>.net/c#/asp.net

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

    来源: 互联网  发布时间:2014-08-25

    本文导语:  代码如下:    Jquery+Ajax+Json分页                            var pageIndex = 0;     //页面索引初始值    var pageSize = 10;     //每页显示条数初始化,修改显示条数,修改这里即可    $(function () {        InitTable(0);...

代码如下:





    Jquery+Ajax+Json分页
   
   
   

   
   
   
    var pageIndex = 0;     //页面索引初始值
    var pageSize = 10;     //每页显示条数初始化,修改显示条数,修改这里即可
    $(function () {
        InitTable(0);    //Load事件,初始化表格数据,页面索引为0(第一页)  
        //分页,PageCount是总条目数,这是必选参数,其它参数都是可选
        $("#Pagination").pagination(, {
            callback: PageCallback,
            prev_text: '上一页',       //上一页按钮里text
            next_text: '下一页',       //下一页按钮里text
            items_per_page: pageSize,  //显示条数
            num_display_entries: 6,    //连续分页主体部分分页条目数
            current_page: pageIndex,   //当前页索引
            num_edge_entries: 2        //两侧首尾分页条目数
        });

        //翻页调用
        function PageCallback(index, jq) {
            InitTable(index);
        }

        //请求数据
        function InitTable(pageIndex) {
            $.ajax({
                type: "POST",
                dataType: "json",
                url: 'SupplyAJAX.aspx',      //提交到一般处理程序请求数据
                data: "type=show&random=" + Math.random() + "&pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize, //提交两个参数:pageIndex(页面索引),pageSize(显示条数)   
                error: function () { alert('error data'); },  //错误执行方法 
                success: function (data) {
                    $("#Result tr:gt(0)").remove();        //移除Id为Result的表格里的行,从第二行开始(这里根据页面布局不同页变)
                    var json = data; //数组
                    var html = "";
                    $.each(json.data, function (index, item) {
                        //循环获取数据 
                        var id = item.Id;
                        var name = item.Name;
                        var sex = item.Sex;
                        html += "" + id + "" + name + "" + sex + "";
                    });
                    $("#Result").append(html);             //将返回的数据追加到表格
                }
            });
        }
    });
   



   
   
       
           
                编号
           
           
                姓名
           
           
                性别
           
       
   
   


   



代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text;
using System.Net;
using System.IO;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class AjaxJson : System.Web.UI.Page
{
    public string pageCount = string.Empty; //总条目数

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string url = "/SupplyAJAX.aspx";
            string strResult = GetRequestJsonString(url, "type=getcount");
            pageCount = strResult.ToString();
        }
    }

    #region 后台获取ashx返回的数据
    ///
    /// 后台获取ashx返回的数据
    ///
    /// 地址
    /// 参数
    ///
    public static string GetRequestJsonString(string relativePath, string data)
    {
        string requestUrl = GetRequestUrl(/blog_article/relativePath, data/index.html);

        try
        {
            WebRequest request = WebRequest.Create(requestUrl);
            request.Method = "GET";

            StreamReader jsonStream = new StreamReader(request.GetResponse().GetResponseStream());
            string jsonObject = jsonStream.ReadToEnd();

            return jsonObject;
        }
        catch
        {
            return string.Empty;
        }
    }

    public static string GetRequestUrl(/blog_article/string relativePath, string data/index.html)
    {
        string absolutePath = HttpContext.Current.Request.Url.AbsoluteUri;
        string hostNameAndPort = HttpContext.Current.Request.Url.Authority;
        string applicationDir = HttpContext.Current.Request.ApplicationPath;
        StringBuilder sbRequestUrl = new StringBuilder();
        sbRequestUrl.Append(absolutePath.Substring(0, absolutePath.IndexOf(hostNameAndPort)));
        sbRequestUrl.Append(hostNameAndPort);
        sbRequestUrl.Append(applicationDir);
        sbRequestUrl.Append(relativePath);
        if (!string.IsNullOrEmpty(data))
        {
            sbRequestUrl.Append("?");
            sbRequestUrl.Append(data);
        }
        return sbRequestUrl.ToString();
    }
    #endregion
}


代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Web.UI;
using System.Web.UI.WebControls;
//新增  
using System.Web.Script.Serialization;
using System.Text;


public partial class SupplyAJAX : System.Web.UI.Page
{
    protected static List StudentList = new List();
    protected static int RecordCount = 0;
    protected static DataTable dt = CreateDT();
    protected void Page_Load(object sender, EventArgs e)
    {
        switch (Request["type"])
        {
            case "show":
                #region 分页配置
                //具体的页面数
                int pageIndex;
                int.TryParse(Request["pageIndex"], out pageIndex);
                //页面显示条数
                int PageSize = Convert.ToInt32(Request["pageSize"]);
                if (pageIndex == 0)
                {
                    pageIndex = 1;
                }
                #endregion
                DataTable PagedDT = GetPagedTable(dt, pageIndex, PageSize);
                List list = new List();
                foreach (DataRow dr in PagedDT.Rows)
                {
                    Student c = new Student();
                    c.Id = (Int32)dr["Id"];
                    c.Name = dr["Name"].ToString();
                    c.Sex = dr["Sex"].ToString();
                    list.Add(c); 
                }
                string json = new JavaScriptSerializer().Serialize(list);//这个很关键,否则error
                StringBuilder Builder = new StringBuilder();
                Builder.Append("{");
                Builder.Append(""recordcount":" + RecordCount + ",");
                Builder.Append(""data":");
                Builder.Append(json);
                Builder.Append("}");
                Response.ContentType = "application/json";
                Response.Write(Builder.ToString());
                break;
            case "getcount":
                Response.Write(dt.Rows.Count);
                break;
            case "add":
                break;
            case "update":
                break;
            case "delete":
                break;
        }
        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 = dt.Rows.Count) 
            return newdt; 
        if (rowend > dt.Rows.Count) 
            rowend = dt.Rows.Count; 
        for (int i = rowbegin; i 0) 
        { 
            page = page + 1; 
        } 
        return page; 
    } 
 

    public struct Student
    {
        public int Id;
        public string Name;
        public string Sex;
    } 
}


    
 
 

您可能感兴趣的文章:

  • asp.net实例 定义和使用asp:AccessDataSource
  • asp.net输出重写压缩页面文件的实例
  • asp match正则函数使用Matchs实例
  • c#(asp.net)连接excel的实例代码
  • asp.net实例代码 在DataGrid控件中显示数据
  • asp.net 伪静态简单实例
  • asp.net取得所有颜色值实例
  • asp.net实例代码之DataGrid数据编辑
  • asp.net 动态添加多个用户控件(实例代码)
  • asp.net 邮件发送类的简单实例
  • asp.net 动态创建控件的演示实例
  • asp.net操作cookie实例代码
  • asp.net实例代码之添加DataColumn到DataTable控件中
  • asp.net批量删除实例代码教程
  • asp.net 操作cookie实例详解
  • asp.net实例代码之显示数据在不同的控件
  • ASP.net WebAPI 上传图片实例
  • asp.net读取与删除磁盘文件的实例代码
  • asp.net实例代码之datagrid页面索引
  • asp.net实例代码之更新访问数据
  • 我用asp.net做一个聊天室,各位有没有好的页面刷新办法?
  • asp.net Timer无刷新定时器的例子
  • 我用asp.net做一个聊天室,要求在一个帧里点击按钮,立即刷新另外一帧,怎么做?
  • asp.net防止页面刷新重复提交的代码
  • Asp.net弹出窗口同时防止刷新重复提交的方法
  • asp.net 防止刷新重复提交的代码(禁用工具栏刷新按钮 变灰)
  • Asp.net防止后退、刷新重复提交的方法
  • c# UpdatePanel无刷新上传图片 asp.net无刷新上传
  • Asp.net防刷新重复提交与防后退的方法
  • asp.net防止刷新重复提交的方法与代码
  • asp.net页面刷新后字体等变大问题的解决方法
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • asp.net中利用正则表达式判断一个字符串是否为数字的代码
  • 利用ASP来实现Oracle数据记录的分页显示
  • asp.net利用存储过程实现模糊查询示例分享
  • 解决ASP.NET回传后div滚动条位置复位的问题(利用隐藏控件原理)
  • ASP.NET之 Ajax相关知识介绍及组件图
  • 我想了解一些关于Java怎样与Asp或Asp.net结合方面在未来发展方向的问题?
  • c#/ASP.NET操作cookie(读写)代码示例
  • asp.net UrlEncode对应asp urlencode的处理方法
  • win2008 r2 服务器环境配置(FTP/ASP/ASP.Net/PHP)
  • asp与asp.net的session共享
  • 如何在unix下发布asp?
  • 怎么让Apache支持Asp?
  • ??谁能把ASP代码改为JSP的
  • Linux平台下哪种方法实现ASP好?
  • ASP和ASP.Net共享Session解决办法
  • 通过socket和asp打交道
  • 犹豫中……,到底是选择ASP,还是JSP?
  • asp 是否 可用applet标签?帮忙!!
  • asp.net判断数据库表是否存在 asp.net修改表名的方法
  • 新人提问:asp+access的程序在linux下怎么改?
  • 用JAVA APPLET做的交互式网页和ASP、PHP做的相比有什么优势呢?
  • asp.net文字水印功能简单代码
  • asp里面可否使用java写的邮件,给30分.
  • asp与Jsp可否在iis中共存的问题
  • 实现Asp与Asp.Net共享Session的方法


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    编程语言 iis7站长之家