点击加载数据

 $(function(){
    
    var speng = 0,open = 0,mixin = 0,numb = 3;
    
    $('#vale').on('click',function(){
     var url = 'json/more.json';
     $.ajax({
      type:'post',
      url:url,
      async:true,
      dataType:'json',
      success:function(data){
       var returl = '';
       mixin +=1;
       open = mixin*numb;
       speng = open-numb;
       for(var i=speng;i<open;i++){
        returl +='<a href="#" class="clear">'
           +'<div class="cent">'
           +'<img src="'+data.lists[i].img+'">'
           +'<h2>'+data.lists[i].title+'</h2>'
           +'</div>'
           +'<span>'+data.lists[i].date+'</span>'
           +'</a>' 
        if( (i+1)>=data.lists.length ){
         //alert('没有数据了')
         $('#vale').hide();
         break;
        }
       }
       $('.lists').append(returl);      
       
      },
      error:function(){       
       alert('网络异常');
      }
     });
     
     
     
    })
    
    
    
    
   })

转载于:https://my.oschina.net/u/2556494/blog/606873