头像

PHP+jQuery+Ajax无刷新分页

来源:http://www.daimasucai.com/page/177.html 代码素材管理员 2017-04-30浏览()

本文使用jQuery+Ajax+PHP+Mysql,通过实例讲解如何实现Ajax无刷新分页效果。

程序员,你不是一个人;网站开发QQ群:  在线充值,或联系QQ 3078847178直接充值

PHP+jQuery+Ajax无刷新分页
分类:首页>>PHP/Mysql>>分页 阅读次数:
查看演示 下载次数: 4

手机扫码访问:

下载资源 下载积分: 150

  本文使用jQuery+Ajax+PHP+Mysql,通过实例讲解如何实现Ajax无刷新分页效果。

<div class="lists"> 

    <ul id="ul_lists" class="clearfix"> 

    </ul> 

</div>

  PHP

  ajax.php接收每次前端页面的ajax请求,根据提交的页码page,计算总记录数和总页数,读取对应页码下的数据列表,并将结果以JSON格式返回给前端页面。

include_once('connect.php'); 

 

$page = intval($_GET['page']); //当前页 

$total_num = mysql_num_rows(mysql_query("select id from goods")); //总记录数 

 

$page_size = 6; //每页数量 

$page_total = ceil($total_num / $page_size); //总页数 

$page_start = $page * $page_size; 

 

$arr = array("total_num" = >$total_num, "page_size" = >$page_size, "page_total_num" = >$page_total, ); 

$query = mysql_query("SELECT id,title,pic FROM goods ORDER BY ID ASC LIMIT $page_start,$page_size"); 

while ($row = mysql_fetch_array($query)) { 

    $arr['list'][] = array('id' = >$row['id'], 'title' = >$row['title'], 'pic' = >$row['pic'], ); 

 

echo json_encode($arr);

  最后附上demo_goods表结构

CREATE TABLE IF NOT EXISTS `demo_goods` (

  `id` int(11) NOT NULL AUTO_INCREMENT,

  `title` varchar(100) NOT NULL,

  `pic` varchar(255) NOT NULL,

  PRIMARY KEY (`id`)

) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=0 ;


声明:本文为原创文章,如需转载,请注明来源daimasucai.com并保留原文链接:http://www.daimasucai.com/page/177.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>