TP 手机列表页下拉加载 没有分页
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了TP 手机列表页下拉加载 没有分页相关的知识,希望对你有一定的参考价值。
Controller类创建方法
public function ajaxindex($p,$cid){ $articlecate=M(‘articlecate‘); $article=M(‘article‘); $listRows=6; $firstRow=($p-1)*$listRows; $data=$article->where("cateid in(".$cid.")")->limit($firstRow,$listRows)->field("id,title,pic,time,des")->select(); echo json_encode($data); }
页面js输出
<script language="javascript"> $(window).on("scroll",function(){ if($(document).scrollTop()>=400){ $(‘.imorebox‘).click(); } }) var page=1; function getlist(page){ $.ajax({ type:"GET", url:"__CONTROLLER__/ajaxindex/p/"+page+"/cid/<?php echo I(‘get.cid‘);?>", dataType:"json", success:function(data){ if(data==null || data==‘‘){ $("#imore").html(‘没有了‘); $("#imore").unbind("click"); } var html=""; $(data).each(function(k,v){ html +=‘<li><div class="news_title"><a href="/index.php/Wap/News/info/id/‘+v.id+‘">‘+v.title+‘</a></div><div class="news_des"><a href="/index.php/Wap/News/info/id/‘+v.id+‘">‘+v.des+‘</a></div></li>‘; }); $("#ajaxbox").append(html); } }); } getlist(1); $("#imore").click(function(){ getlist(++page); }); </script>
以上是关于TP 手机列表页下拉加载 没有分页的主要内容,如果未能解决你的问题,请参考以下文章