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;
            });
         }

java分页实现异步无刷新可用

对于新手来说实现分页有一定的难度,我开始页整了半天才弄清楚,这里对分页做了一个总结并分享出来,希望对有需要的朋友有所帮助。 一,分页思路 什么是分页? 分页,是一种将所有数据分段...
  • xzpdskll
  • xzpdskll
  • 2016年10月02日 13:10
  • 1749

thinkPHP 无刷新分页

thinkPHP内置的分页类只需修改很小一部分就可以实现 thinkPHP内置的分页类的分页方式是在URL地址中传名为p的参数 p的值为几就代表为第几页 所以要想无刷新实现分页就要先把Page....
  • yadong_word
  • yadong_word
  • 2015年06月04日 21:24
  • 767

PHP-Ajax实现无刷新分页

1.创建数据库并插入数据 create database shop; use shop; CREATE TABLE ecs_goods ( goods_id INT UNSIGNED NOT NU...
  • bbs375
  • bbs375
  • 2016年08月15日 13:58
  • 1306

js+ajax 无刷新分页

我这个实现的是一个小页面显示7页。点击第七页的时候跳出7-14页。以此类推。因为这个页面实现的功能远比下面的方法多。所以我只是草草的删减了一些东西。虽然文章粗陋。,这毕竟是我自己的成长过程。毕竟是真实...
  • zhudiwoaini
  • zhudiwoaini
  • 2011年11月22日 13:47
  • 3298

jquery ajax 无刷新分页

jquery ajax 无刷新分页 + 进度条显示
  • codercwm
  • codercwm
  • 2016年05月26日 17:03
  • 3265

MVC4 无刷新分页!

有些朋友在使用MVCPage的时候会遇上,在用ajax 请求后台数据的时候始终不进   if (Request.IsAjaxRequest())  里,不能进 if 里表示你提交方式不是ajax,所以...
  • guo449211721
  • guo449211721
  • 2015年11月18日 14:41
  • 1583

SSH三大框架的整合+利用Ajax实现无刷新分页

以下是我利用Struts2.3.24、Spring4.0、Hibernate4.2 结合Mysql数据库进行的ssh整合,实现分页需要json.js 首先ssh的整合需要导入所有的jar包在web....
  • qq_34078119
  • qq_34078119
  • 2017年02月20日 22:45
  • 1971

PHP + AJAX 实现无刷新分页 不刷新页面实现分页 PHP AJAX

index.php代码:  header("Content-Type:text/html;charset=utf-8"); ?> AJAX-无刷新分页      by:siyuantlw ...
  • haibo0668
  • haibo0668
  • 2016年08月12日 16:29
  • 3862

ajax异步无刷新基础

ajax的应用是非常多的,要实现数据前后端的交互,ajax是一个非常常用的技术哦,加油! 同步和异步 同步:必须等待前面的任务完成,才能继续后面的任务; 异步:不受当前任务的影响。 简单点说,当...
  • dandandegeshou
  • dandandegeshou
  • 2017年02月13日 10:41
  • 259

Jquery+ajax+PHP 基于thinkPHP的无刷新分页

功能描述:以带着参数的形式加载Listinfo页面,形如: http://无法访问的链接/index.php?g=Baoliao&m=Index&a=listinfo&id=1 或者是: htt...
  • CSDN_GOON
  • CSDN_GOON
  • 2015年12月28日 18:06
  • 2553
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:asp_异步无刷新分页
举报原因:
原因补充:

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