jq 加载更多

html结构
<div id="moreAdd">
              
 </div>
<div id="jzgd" onclick="jzgd()" class="more" data-total="5" data-page="1">加载更多</div>

jq结构
<script>

function jzgd(){

	    var total = parseInt($("#jzgd").attr('data-total'));   //总页数
	    var page  = parseInt($("#jzgd").attr('data-page')); 当前page
	    $.ajax({
	    	 type : "POST", //提交方式 
	         url :  _BasePath+'oo/news/list',//路径 
	         data : {
	            page:page+1
	         }, 
	        async:true,
	        success:function(data){
	        	var htl = '';
	            $.each(data,function(key,v){
	        		htl+='<div class="content-group">'
	                     +'<h4>'+v.title+'</h4>'
		        		+'</div>'
	        	});
	            $('#moreAdd').append(htl);
	            $('.more').attr('data-page',page+1);
	            if(page+1 == total){
	               // $('.more').remove();
	               $('#jzgd').html("全部加载完毕");
	            }
	         }
	    });
}


</script>