TP 手机列表页下拉加载 没有分页

前端之家收集整理的这篇文章主要介绍了TP 手机列表页下拉加载 没有分页前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. Controller类创建方法


  2. publicfunctionajaxindex($p,$cid){
    $articlecate=M('articlecate');
    $article=M('article');
    
    $listRows=6;
    $firstRow=($p-1)*$listRows;
    $data=$article->where("cateidin(".$cid.")")->limit($firstRow,$listRows)->field("id,title,pic,time,des")->select();
    echojson_encode($data);
    }
  3. 页面js输出
  4. <scriptlanguage="javascript">
    $(window).on("scroll",function(){
    	if($(document).scrollTop()>=400){
    	$('.imoreBox').click();
    }
    })
    varpage=1;
    functiongetlist(page){
    $.ajax({
    type:"GET",url:"__CONTROLLER__/ajaxindex/p/"+page+"/cid/<?PHPechoI('get.cid');?>",dataType:"json",success:function(data){
    	
    if(data==null||data==''){
    $("#imore").html('没有了');
    $("#imore").unbind("click");
    }
    varhtml="";
    $(data).each(function(k,v){
    html+='<li><divclass="news_title"><ahref="/index.PHP/Wap/News/info/id/'+v.id+'">'+v.title+'</a></div><divclass="news_des"><ahref="/index.PHP/Wap/News/info/id/'+v.id+'">'+v.des+'</a></div></li>';
    });
    
    	$("#ajaxBox").append(html);
    }
    
    });
    }
    getlist(1);
    $("#imore").click(function(){
    getlist(++page);
    });
    </script>
原文链接:https://www.f2er.com/ajax/160659.html

猜你在找的Ajax相关文章