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

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

前端代码：

{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');

}

}

?>