mysql ajax分页_jquery ajax php+mysql 无刷新分页 具体实例

比来在接触jquery和ajax，当前项目也会用到分页，为了用户体验更好一些，就筹办用无刷新分页，这个demo很合适新手进修查看，写的斗劲清楚，话不久不多说，直接上代码吧。

起首是html页面，index.html，代码如下：

查看index.html代码

样式我随便写的，毕竟?成果我样式写的很差，大师可以本身换样式的。

然后就是js代码了，ajaxPager.js，代码如下：

查看ajaxPager.js代码

因为项目标须要，我这个页面页数显示只能显示几页，比如就如许 <<   <  ... 5 6 7 ... >  >>，要改显示的，就在ajaxPager.js里面改。

￥.ajax({ 中url: pages.php，处理惩罚就在pages.php中处理惩罚。那么就来看看pages.php中的代码：

查看pages.php代码

上方当然还稀有据库连接了啦，这个应当很简单吧，还是贴出来connect.php：

查看connect.php代码

然后就完成了，具体思路很清楚，点击页数的时辰jquery获取rel中的页面值，传进去数据库获取响应数据展如今页面上。

然后还稀有据库吧，我的默示如许的：

1 CREATE TABLE IF NOT EXISTS`food` (2 `id` int(11) NOT NULLAUTO_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