sharkui组件结合php实现分页代码免费下载

采用php知识再结合shark-ui组件,开发的无刷新分页代码,仿Bootstrap分页样式css,3种方法显示加载数据!

javascript代码

<script type="text/javascript"> 
$("#list").load("data.php?page=1"); 
var mypager = $.fn.sharkPager({ 
    page: 1, 
    totalPages: <? echo $pages;?>,    //总页数 
    hl: { 
        firstpage: 'first', 
        prevpage: 'previous', 
        nextpage: 'next', 
        lastpage: 'last', 
        gopage: 'go' 
    }, 
    segmentSize: 5,    //显示页码长度 
    startFrom: 1,    //起始页 
    gopage: true,    //跳转按钮 
    onPageChanged: function(p) { 
        console.log('跳转到第:' + p + '页');    //当前页数 
        //方法1 
        //$("#list").load("data.php?page="+p);    //加载页面 
         
        //方法2 
        $.post("data.php", {page: p}, function(data) { 
            $("#list").html(data); 
        }); 
 
        //方法3 
        /* 
        $.ajax({ 
          type: "POST", 
          url: "data.php", 
          data: {page: p}, 
          success: function(data){ 
              $("#list").html(data); 
          } 
        }); 
        */ 
    } 
}); 
$('#pagerContainer').append(mypager.component); 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录