采用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>使用方法：1.导入article.sql2.修改data.php和 index.php数据库配置 

环境要求：php5.3+（测试的适合用的是5.4，完美运行，5.5以上好像不行，具体自测）Mysql5.1+.htaccess伪静态效果图

效果图