AspNetPager+jquery 实现无刷新分页

本文介绍了一种改进的AspNetPager无刷新分页方法,通过使用jQuery和Ajax技术实现页面局部刷新,避免了整个页面的重新加载,提高了用户体验。文章详细展示了如何修改原始的AspNetPager控件,使其支持自定义的Ajax请求,以及如何处理分页控件的点击事件,通过Ajax获取数据并更新页面内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目中需要用到无刷新分页 AspNetPager本身提供的ajax只支持微软的ajaxtools,于是动手小小改动了一下,由于是初版 也许会有点见谅。

 

ExpandedBlockStart.gif代码
    <script>
     
//物品类别ID
     var classID=null;
     $(
     
function()
     {
            
Init();
     }
     
     );
     
     
     
function Init()
     {
              
//处理分页控件
               $("#AspNetPager1").children("a").each(function(index,element){
                $(element).unbind(
"click");
       
if(element.href!="")
         {
//获取分页按钮的超链接
         var link=element.href;
            
//alert(classID);
          //分页点击事件用ajax将连接提交
          $(element).bind("click",function(){
          $.ajax({
          type:
"get",
          cache:
false,
          url:link,
          dataType:
"html",
          success:
function(msg){
       $(
'#showForm').html($(msg).filter('#showForm').html())

//$(document).unbind( "click" ) ;
//
对新加载的数据 再次进行处理
       Init();

          }
          });
          });
         }
 
//让超链接不发生跳转
       element.href="#";
    
       });
       
     
       
     }
     
</script>

 

 

转载于:https://www.cnblogs.com/tufan/archive/2009/12/22/1629634.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值