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

    添加时间:2013-8-5 点击量:

    　　比来在接触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 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

    分享到：