大米CMS官网论坛,大米站长联盟,大米站长之家,大米开发者社区

 找回密码
 注册大米会员

QQ登录

只需一步,快速开始

查看: 3453|回复: 2

JS写ajax分页评论实例

[复制链接]

366

主题

625

帖子

5078

积分

超级版主

Rank: 8Rank: 8

积分
5078

授权用户

发表于 2015-7-24 13:19:56 | 显示全部楼层 |阅读模式
  1. //ajax评论列表
  2. function show_comment_list(page){
  3. $('#comment_list').load('{APP_PATH}index.php?m=comment&c=index&a=init&commentid={id_encode("content_$catid",$id,$siteid)}&iframe=1&page=' + page);
  4. show_pager(total_num,per_num,page);
  5. }
  6. //ajax评论分页
  7. /*
  8. A_Nums 总共多少条
  9. D_Nums 每页多少条
  10. page 当前页
  11. */
  12. function show_pager(A_Nums,D_Nums,page){
  13.                if(A_Nums<=0){return false;}
  14.                var P_Nums = Math.ceil(A_Nums/D_Nums); //总页数
  15.            var l1 = "<div style='margin:10px auto'> 共"+A_Nums+"条  每页:"+D_Nums+"条 <span>"+page+"/"+P_Nums+"</span> "
  16.                         l1 = (page>1)?l1+"<a href='javascript:show_comment_list(1)' class='redirect' title='第一页'>第一页 </a>":l1;
  17.                         var l2 = "";
  18.                         var rollsize = 5 ;
  19.                         var cur_page = Math.ceil(page/rollsize); //当前页
  20.                         var total_page = Math.ceil(P_Nums/rollsize);//总页数
  21.                         if(cur_page >1){
  22.                                 var last_page = parseInt(page) - parseInt(rollsize);
  23.                                 l2 += "<a href='javascript:show_comment_list("+  last_page + ")' class='redirect'>上"+ rollsize + "页</a> ";
  24.                         }
  25.                         for(var i=1;i<=rollsize;i++){
  26.                                 now_page=(cur_page-1)*rollsize+i;
  27.                                 if(now_page <= P_Nums){
  28.                 l2 +=  (now_page == page)?"<a class='curpage'>"+now_page+"</a>":"<a href='javascript:show_comment_list("+now_page+")' class='num'>"+now_page+"</a>";
  29.                                 }
  30.                                
  31.                         }
  32.                         if(cur_page < total_page){
  33.                                 var next_page = parseInt(page) + parseInt(rollsize);
  34.                                 l2 += "<a  href='javascript:show_comment_list("+ next_page + ")' class='redirect'>下"+ rollsize + "页</a> ";
  35.                         }
  36.                         l2 = (page == P_Nums)?l2:l2+"<a href='javascript:show_comment_list("+P_Nums+")' class='redirect' title='最后页'>尾页</a></div>"
  37.                         document.getElementById("MultiPage").innerHTML = l1+l2;
  38. }
复制代码


回复

使用道具 举报

0

主题

23

帖子

55

积分

注册会员

Rank: 2

积分
55
发表于 2015-8-26 22:53:08 | 显示全部楼层
回复

使用道具 举报

0

主题

37

帖子

163

积分

注册会员

Rank: 2

积分
163
发表于 2015-10-14 11:31:37 | 显示全部楼层
路过 瞅瞅 嘻嘻
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册大米会员

本版积分规则

QQ|小黑屋|大米CMS社区 ( 蜀ICP备11002200号-2广告联系:广告联系 

Powered by 大米CMS

© 2010-2020 大米CMS Inc.

快速回复 返回顶部 返回列表