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

标题: JS写ajax分页评论实例 [打印本页]

作者: 追影    时间: 2015-7-24 13:19
标题: JS写ajax分页评论实例
  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. }
复制代码



作者: Mypadaphone    时间: 2015-8-26 22:53

作者: 爱笑小猪猪    时间: 2015-10-14 11:31
路过 瞅瞅 嘻嘻




欢迎光临 大米CMS官网论坛,大米站长联盟,大米站长之家,大米开发者社区 (https://www.damicms.com/bbs/) Powered by Discuz! X3.1