} } }

    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` int11NOT NULL AUTO_INCREMENT,
    3 `title` varchar100NOT NULL
    4 `pic` varchar255NOT 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

    分享到: