最近在接触jquery和ajax，当前项目也会用到分页，为了用户体验更好一些，就准备用无刷新分页，这个demo很适合新手学习查看，写的比较清晰，话不多说，直接上代码吧。
首先是html页面，index.html，代码如下：
样式我随便写的，毕竟我样式写的很差，大家可以自己换样式的。
然后就是js代码了，ajaxpager.js，代码如下：
;
因为项目的需要，我这个页面页数显示只能显示几页，比如就这样 ，要改显示的，就在ajaxpager.js里面改。
$.ajax({ 中url: 'pages.php'，处理就在pages.php中处理。那么就来看看pages.php中的代码：
上面当然还有数据库连接了啦，这个应该很简单吧，还是贴出来connect.php：
然后就完成了，具体思路很清晰，点击页数的时候jquery获取rel中的页面值，传进去数据库获取相应数据展现在页面上。
然后还有数据库吧，我的表示这样的：
1 create table if not exists `food` (2 `id` int(11) not null auto_increment,3 `title` varchar(100) not null,4 `pic` varchar(255) not null,5 primary key (`id`)6 ) engine=myisam default charset=utf8 auto_increment=31 ;
我这边有一个demo，然后大家可以下载看看。多多指教。
http://pan.baidu.com/share/link?shareid=1518322039&uk=67299903
http://www.bkjia.com/phpjc/440223.htmlwww.bkjia.comtruehttp://www.bkjia.com/phpjc/440223.htmltecharticle最近在接触jquery和ajax，当前项目也会用到分页，为了用户体验更好一些，就准备用无刷新分页，这个demo很适合新手学习查看，写的比较清...