asp_异步无刷新分页

原创 2013年12月03日 19:17:15

LoadAllNews.ashx:

 public void ProcessRequest(HttpContext context)
        {
            int pageSize = int.Parse(context.Request["pageSize"]??"5");
            int pageIndex = int.Parse(context.Request["pageIndex"]??"1");
            int total = 0;




            context.Response.ContentType = "text/plain";
            BLL.HKSJ_Main mainServer = new BLL.HKSJ_Main();
            
            //var list=mainServer.GetModelList(" ");
            //异步无刷新分页,必须加载当前页面,所以将上面语句进行修改
            var list = mainServer.LoadPageMainByProc(pageSize,pageIndex,out total);


            //分页的标签那都
            string strPageNav= Common.LaomaPager.ShowPageNavigate(pageSize,pageIndex,total);


            System.Web.Script.Serialization.JavaScriptSerializer javaScriptSerrializer = new System.Web.Script.Serialization.JavaScriptSerializer();


            //string jsonStr = javaScriptSerrializer.Serialize(list);
            //实现异步无刷新分页,则将上面的代码改为下面的
            string jsonStr = javaScriptSerrializer.Serialize(new { NavStr = strPageNav, PageList = list });
            context.Response.Write(jsonStr);
        }


UserList.html:

  function initTableList(requestData) {//为实现异步无刷新分页
        //function initTableList() {
            $.getJSON("LoadAllNews.ashx", requestData, function (data) {


                $("#tbData").html("");
                for (var key in data.PageList) {
                //为了实现异步无刷新分页,则将下面的代码改为上面的代码
                //for (var key in data) {//加载表格的数据
                   // var main = data[key];//为了实现异步无刷新分页,则将左边的代码改为下面的代码
                    var main = data.PageList[key];
                    $("#tbData").append("<tr><td>" + main.ID + "</td><td>" + main.title + "</td><td>" + (eval(main.Date.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-M-d h:m:s.S") + "</td><td><a href='#' class='detail' nId='" + mian.ID + "'>详情</a>&nbsp;&nbsp;<a class='editLink' href='javascript:void(0)' uId='" + main.ID + "'>修改</a>&nbsp;&nbsp;<a class='deleteLink' href='#'>删除</a></td></tr>");
                    }
               //为了实现异步无刷新分页,把分页的页面链接放到页面上
               $("#nav").html(data.NavStr);
               //绑定分页的超级链接的标签的事件
               bindNavLink();




                bindDetailEvent();
                bindDeleteEvent();
                BindAddEvent();
                bindEditEvent();
               
        }
         });
         function bindNavLink(){
            $(".pageLink").click(function(){
               //发送异步请求道后台,更换表格数据以及分页超级链接标签的数据
               var href=$(this).sttr("href");
               var requestData=href.substr(history.lastIndexOf('?')+1);
               //初始化表格的方法体里面去
               initTableList(requestData);
               return false;
            });
         }

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

asp.net 使用js分页,异步加载数据

1、准备工作 引入“jquery-1.8.3.min.js”,.2.dll”:用于前台js调用后台方法。 2、Web.config的配置

asp.net中mvc的分页和异步

今天晚上搞了些简单的东西,但是耗时也不短啊,自己还需不断的敲代码啊. 在做mvc的分页的时候,首先写了一个给html扩展一个分页的方法:如下(这个分页算法是抄的) public static H...

struts+spring+hibernate用jquery实现数据分页异步加载,页面不刷新

功能实现:分页,点击“加载更多”,将下一页的数据加载出来,页面不刷新。 用户entity类: package com.test.model; import java.io.Serializable; ...

ASP.Net中无刷新分页的实现

点击下面的链接转到视频教程页面     ASP.Net中无刷新分页的实现,我相信经常上网的朋友都会遇到过这样的情况→有一个很火爆的视频 底下评论留言达上千条  你一遍看视频一遍看评论  当前页面...

ASP.NET+Ajax+JQuey+Json数据+存储过程实现无刷新分页

var pageIndex=1; //当前页码 var totalPage; //总页数 $(function () { $.ajax({ ur...

简单的ASP.NET无刷新分页

前段时间做个留言板的功能,业务要求需要对留言列表的查看翻页无刷新,所以做了以下的无刷新分页功能,虽然比较简单,但是涉及到的知识面蛮多的,我记录一下制作的步骤与心得,仅供参考。如有哪里不足,希望大家指出...

Asp.net使用JQuery实现评论的无刷新分页及分段延迟加载效果

首先建立数据库,数据关系图如下: 本文要实现的效果就是在评论别人文章时,如果文章内容过长或者评论内容过长,实现的一个评论分段延迟加载的效果,即每页可显示30条评论,可每隔10条延迟加载一次以提高...

ASP.NET C#+Ajax+json无刷新分页参考

先html代码 ...

黑马程序员之 ASP.NET学习笔记:jquery+ajax无刷新分页代码

JS代码:          var totalPage = 1; //总页数          var totalNode; //...

jqurey + json + 存储过程 + asp.net实现无刷新分页

功能通过测试一个简单的小例子。方便以后自己拷着用;没有实现海量数据分页。 1.首先是界面没啥 书名ISBN价格编号 2.前台命令页面的录入ShowBook.htm   拷入j...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)