thinkphp5 向下滑动触发“ 加载更多 ”;ajax 异步加载更多

实现效果:手机页面向下滚动加载数据

thinkphp5 向下滑动触发“ 加载更多 ”;ajax 异步加载更多_第1张图片

前端代码:


{volist name="jifen_list" id="vo"}
{$vo.reward_type}
{$vo.create_time|date="Y-m-d",###}
{if condition="$vo.jifen_num>=0"}
+{$vo.jifen_num}
{else /}
-{$vo.jifen_num}
{/if}
{/volist}
没有更多了

javascript 代码:

后台数据接收:

field('jifen_account')->where("id",$member_id)->find();
    $jifen_list = Db::name("jifen_history")->where("member_id",$member_id)->order("create_time desc")->limit(8)->select();

    $input_post = input("post.");
    if(isset($input_post) && !empty($input_post)){
        $offect = $input_post['offect'];
        $show_list = Db::name("jifen_history")->where("member_id",$member_id)->order("create_time desc")->limit($offect,8)->select();
        if(isset($show_list) && !empty($show_list)){
            foreach($show_list as $key=>$item){
                $show_list[$key]['create_time'] = date("Y-m-d",$item['create_time']);
                if($item['jifen_num']>0){
                    $show_list[$key]['size'] = 'positive';
                }else{
                    $show_list[$key]['size'] = 'negative';
                }
            }
            return json_encode($show_list);
        }else{
            return -1;
        }
    }else{
        $this->assign("member_jifen",$member_jifen);
        $this->assign("jifen_list",$jifen_list);
	    return $this->fetch('my_integral'); 
    }
}

?>

 

你可能感兴趣的:(thinkphp5开发总结)