1HTML
<ul id="toplist">
{loop $list $row}
<li >
<a onclick="view({$row['rid']},{$row['id']})">
<div style="width:25%;"><i class="two"><span class="pull-left pos">{php echo ++$pxid;}</span></i></div>
<div style="width:15%;">{$row['id']}</div>
<div style="width:45%;">{$row['nickname']}</div>
<div style="width:15%;">{$row['num']}</div>
</a>
</li>
{/loop}
</ul>
<div id="loadtop" ><i class="fa fa-spinner fa-spin"></i>正在加载更多</div>
2.加载更多Js
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
var load_flag=false;
var page={$page};
$(function(){
$(window).scroll(function(){
if(load_flag){
return;
}
var totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if(totalheight>=$(document).height()){
$("#loadtop").show();
load_flag=true;
loadTop();
}
});
});
function loadTop(){
$.ajax({
url:"{php echo $this->createMobileUrl('Index',array('op'=>'loadtop'))}",
type:'post',
data:"page="+page+"&id="+{$id},
dataType:'json',
success:function(data){
var html="";
if(data.length>=10){
load_flag=false;
}else{
load_flag=true;
$(window).scroll = null;
$("#loadtop").html("已加载完全部");
}
for(var i=0;i<data.length;i++){
var item=data[i];
var tppp=page+i+1;
html+='<li><a onclick="view('+item.rid+','+item.id+')"><div style="width:25%;"><i class="two"><span class="pull-left pos">'+tppp+'</span></i></div><div style="width:15%;">'+item.id+'</div><div style="width:45%;">'+item.nickname+'</div><div style="width:15%;">'+item.num+'</div></a></li>';
}
$("#toplist").append(html);
page=page+10;
}
});
}
function view(id,uid){
location.href="{php echo $this->createMobileUrl('Index',array('op'=>'detail'))}&id="+id+"&uid="+uid;
}
</script>
3.PHP端处理代码
if($op=='loadtop'){
$id=$_GPC['id'];
$activty=pdo_fetch("SELECT * FROM ".tablename('lb_vote')." WHERE id=:id and uniacid=:uniacid ", array(':uniacid'=>$_W['uniacid'],':id'=>$id));
/*获取活动设置默认首页显示几个用户*/
$page=$_GPC['page']?intval($_GPC['page']):0;
$list=pdo_fetchall("SELECT * FROM ".tablename('lb_vote_info')." WHERE rid=:rid and uniacid=:uniacid and pass=:pass order by num desc limit ".$page.",10", array(':uniacid'=>$_W['uniacid'],':rid'=>$id,':pass'=>1));
echo json_encode($list);
}