ajax异步获取数据并生成分页

                    <div class="pingjia" style="display:none;">
                        <if condition="$comment.comment_total eq 0">
                            <span style="margin:10px;color:#666">暂无评论</span>
                        <else/>
                            <div class="pingjia-top">
                                <div class="pingjia-top-left">
                                    <div class="pingjia-satisfaction text-center">
                                        <p class="satisfaction-score"><span><{$comment.rank.good_rank_percent}></span>%</p>
                                        <p>商品好评度</p>
                                    </div>
                                    <ul class="pingjia-statistics">
                                        <li>
                                            <span>好评（<{$comment.rank.good_rank_percent}>%）</span>
                                            <span class="statistics-bar">
                                                <i style="width:<{$comment.rank.good_rank_percent}>%"></i>
                                            </span>
                                        </li>
                                        <li>
                                            <span>中评（<{$comment.rank.medium_rank_percent}>%）</span>
                                            <span class="statistics-bar">
                                                <i style="width:<{$comment.rank.medium_rank_percent}>%"></i>
                                            </span>
                                        </li>
                                        <li>
                                            <span>差评（<{$comment.rank.bad_rank_percent}>%）</span>
                                            <span class="statistics-bar">
                                                <i style="width:<{$comment.rank.bad_rank_percent}>%"></i>
                                            </span>
                                        </li>
                                    </ul>
                                </div>
<!--                                 <div class="pingjia-top-right">
                                    <p class="get-points-title">获得认真评价积分:</p>
                                    <div class="get-points-con">
                                        <foreach name="comment.high_points" item="va">
                                        <p><span class="username"><{$va.nickname}></span><span class="pointsNum">+<{$va.get_points}></span></p>
                                        </foreach>
                                    </div>
                                </div> -->
                            </div>
                            <div class="pingjia-middle">
                                <a href="javascript:void(0)" class="comment_show" data="all">全部评价(<{$comment.comment_total}>)</a>
                                <a href="javascript:void(0)" class="comment_show" data="pic">晒图(<{$comment.comment_img_count}>)</a>
                            </div>
                            <div class="pingjia-bottom"></div>
                            <div id="pagecount"></div>  
                        </if> 
                    </div>
------------------------------------------------------------- 

   //异步加载评论分页数据
    var curPage = 1; //当前页码 
    var total,pageSize,totalPage; //总记录数，每页显示数，总页数
    function getData(page,type){
        var goods_id = $('.goods_id').val();
        var load = layer.load(2, {
              shade: [0.1,'#fff'] //0.1透明度的白色背景
            }); 
        $.ajax({ 
            type: 'POST', 
            url: "<{:U('Goods/ajaxGetGoodsComment')}>", 
            data: {'pageNum':page-1,'type':type,'goods_id':goods_id}, 
            dataType:'json', 
            success:function(data){
                layer.close(load);
                $('.pingjia-bottom').empty(); 
                total = data.total; //总记录数 
                pageSize = data.pageSize; //每页显示条数 
                curPage = page; //当前页 
                totalPage = data.totalPage; //总页数 
                $('.pingjia-bottom').append(data.list);
            }, 
            complete:function(){ //生成分页条 
                getPageBar(); 
            }, 
            error:function(){ 
                alert("数据加载失败"); 
            } 
        }); 
    }
---------------------------------------------------------------
    //获取分页条 
    function getPageBar(){ 
        //页码大于最大页数 
        if(curPage>totalPage) curPage=totalPage; 
        //页码小于1 
        if(curPage<1) curPage=1; 
        pageStr = "<a>共"+total+"条</a><a>"+curPage 
        +"/"+totalPage+"</a>"; 
         
        //如果是第一页 
        if(curPage==1){ 
            pageStr += "<a>首页</a><a>上一页</a>"; 
        }else{ 
            pageStr += "<a href='javascript:void(0)' rel='1'>首页</a> <a href='javascript:void(0)' rel='"+(curPage-1)+"'>上一页</a>"; 
        } 
        //如果是最后页
        if(curPage>=totalPage){ 
            pageStr += "<a>下一页</a><a>尾页</a>"; 
        }else{ 
            pageStr += "<a href='javascript:void(0)' rel='"+(parseInt(curPage)+1)+"'>下一页</a><a href='javascript:void(0)' rel='"+totalPage+"'>尾页</a>  "; 
        } 
        $("#pagecount").html(pageStr); 
    }
---------------------------------------------------------------

    //切换获取全部评价
    $('.navTitle span').click(function () {
        if ($(this).hasClass('active')) return false;
        $(this).addClass('active').siblings().removeClass('active');
        var showClass = $(this).data('show');
        if(showClass=='pingjia'){//评价
            getData(1,'all');
            $('.comment_show').eq(0).addClass('pingjia-selected');
        }
        $('.' + showClass).show().siblings().hide();
    })

------------------------------------------------------------------
//后台拼接
    public function ajaxGetGoodsComment(){
    	// if(I('post.pageNum')){
    		$vote_model = M('vote');
    		$pageNum = I('post.pageNum',0)+0;
    		$goods_id = I('post.goods_id',0)+0;
	    	$f='tb1.id,tb1.spec_info,tb1.points,tb1.rank,tb1.content,tb1.img,tb1.get_points,tb1.posttime,tb2.nickname,tb2.head_url,tb2.level';
			$w['tb1.goods_id'] = array('eq',$goods_id);
			$w['tb1.is_show'] = array('eq',1);
			$w['tb1.is_del'] = array('eq',0);
			if(I('post.type')=='pic'){
				$w['tb1.img'] = array('neq','');
			}
			$count = $vote_model->alias('tb1')->where($w)->count();
			$number = 5;//每页显示几条
			$page_start = $pageNum*$number;//开始
			$totalPage = ceil($count/$number); //总页数 
			$comment_list = $vote_model->alias('tb1')->join('left join member as tb2 on tb1.member_id=tb2.id')->where($w)->order('posttime desc')->field($f)->limit($page_start,$number)->order('posttime desc')->select(); 
			foreach($comment_list as $ka=>$va){
				$comment_list[$ka]['img'] = !empty($va['img'])?explode(',',$va['img']):'';//分解小图
				$comment_list[$ka]['nickname'] = mb_substr($va['nickname'],0,1,'utf-8').'***'.mb_substr($va['nickname'],-1,1,'utf-8');//组合昵称
				if(substr($va['head_url'],0,4)=='http'){
					$comment_list[$ka]['head_url'] = $va['head_url'];
				}else{
					$comment_list[$ka]['head_url'] = C('ImageHostName').'/'.$va['head_url'];
				}
				if($va['points']==5){
					$comment_list[$ka]['remark']='非常满意';
				}elseif($va['points']==4){
					$comment_list[$ka]['remark']='满意';
				}elseif($va['points']==3){
					$comment_list[$ka]['remark']='一般';
				}elseif($va['points']==2){
					$comment_list[$ka]['remark']='不满意';
				}elseif($va['points']==1){
					$comment_list[$ka]['remark']='非常不满意';
				}else{
					$comment_list[$ka]['remark']='未知';
				}	
			}
			
			$content_list = '';
			$img_path = 'willshop.com';
			foreach($comment_list as $ka=>$va){
			    $content_list.="<div class=\"pingjia-item\"><div class=\"pingjia-item-left\"><img onerror=\"$(this).attr('src','../Public/default/images/headdefault.jpg')\" src=".$va['head_url']."  alt=\"\"><p>".$va['nickname']."<span  style=\"color:#e30267\">(".getLevelName($va['level']).")</span></p></div><div class=\"pingjia-item-center\">".$va['content'];
		            if(!empty($va['img'])){
		            	$content_list.="<ul class=\"pingjia-img-ul\">";
		                foreach($va['img'] as $kb=>$vb){
		                    $content_list.="<li><img onerror=\"$(this).attr('src','../Public/default/images/default_goods_image.gif_tiny.gif')\" src=\"".C('ImageHostName').$vb."\"  ></li>";
		                }
		   				$content_list.="<div class=\"cb\"></div></ul>";
		   			}	
			        $content_list.="<div class=\"pingjia-img-show\"><img src=\"\" alt=\"\"></div></div><div class=\"pingjia-item-right\"><div class=\"satisfaction\">";
		            for($i=1;$i<=5;$i++){
		               $content_list.= "<i class=\"common-icon icon-form-wjx ";
		               if($va['points']>=$i){
		               		$content_list.=" icon-wjx-hover\"";
		               	};
		               	$content_list.="\"></i>";
		            };
			        $content_list.="<p style=\"color:#e30267\">".$va['remark']."</p><div class=\"cb\"></div></div><p class=\"pingjia-right-p\" style=\"padding-top:3px;\">".date("Y-m-d H:i:s",$va['posttime'])."</p><p class=\"pingjia-right-p\">".$va['spec_info']."</p></div><div class=\"cb\"></div></div>";
			}
			$data = array('total'=>$count,'pageSize'=>$number,'totalPage'=>$totalPage,'list'=>$content_list);
			$this->ajaxReturn($data);
		// }
    }
	-----------------------------------------------------------------------------
	        //上一页，下一页
	        $("#pagecount a").live('click',function(){
				var rel = $(this).attr("rel");
				var type = $('.pingjia-selected').attr('data');
				if(rel){
					getData(rel,type); 
				} 
			});