sharkui组件结合php实现分页代码

来源:https://www.sucaihuo.com/php/3305.html 2017-12-14 17:57浏览(1760) 收藏

采用php知识再结合shark-ui组件,开发的无刷新分页代码,仿Bootstrap分页样式css,3种方法显示加载数据!
sharkui组件结合php实现分页代码
分类:PHP > 分页 难易:初级
下载资源 下载火币: 10 火币
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

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>
标签: 分页bootstrap
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2