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

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

分类：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>