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; ...

给select框加上onchange事件,数据以json返回,异步刷新和js分页

页面展示代码 String path = request.getContextPath(); String basePath = request.getScheme()+":/...
  • zy08403
  • zy08403
  • 2013年08月16日 17:25
  • 1556

MVC2.0在Tab页中实现异步无刷新分页

概述   很多地方都存在以Tab页来呈现数据的方式,比如网易、新浪、搜狐、QQ等知名的门户网站的首页,还有大家熟知的博客园首页,都是用了tab页来显示数据。大家之所以喜欢用Tab,因为它能大大的增加...

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

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

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

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

asp.net mvc基于jQuery+Ajax实现无刷新分页

自己写了个采用asp.net mvc框架的Demo,分页功能采用的是jQuery+Ajax实现的无刷新分页。 解决方案思想:页面数据的初始加载和按页加载都是通过ajax来进行,页面分页链接点击后利用...

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

功能通过测试一个简单的小例子。方便以后自己拷着用;没有实现海量数据分页。 1.首先是界面没啥 书名ISBN价格编号 2.前台命令页面的录入ShowBook.htm   拷入j...

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

JS代码:          var totalPage = 1; //总页数          var totalNode; //总节点          var ksCount = 8;...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:asp_异步无刷新分页
举报原因:
原因补充:

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