thinkphp 3.2.3点击加滚动加载更多

【摘要】thinkphp 3.2.3点击加滚动加载更多，复制代码改路径就能使用

点击加载更多首先引入JS和CSS文件，在layui官网下载

html页：

<link href="__PUBLIC__/mobile/js/layui/css/layui.css" rel="stylesheet">

<script src="__PUBLIC__/mobile/js/layui/layui.js"></script>

    <div class="all-content" >

        <ul class="platform-list">

            <li class="list-title">

                <span>用户名</span>

                <span>注册日期</span>

                <span>会员等级</span>

                <span>更多详情</span>

            </li>

        </ul>

        <div id="nodata"></div>

    </div>

<script type="text/javascript">

  layui.use('flow', function(){

    var $ = layui.jquery; //不用额外加载jQuery，flow模块本身是有依赖jQuery的，直接用即可。

    var flow = layui.flow;

   

    flow.load({

      elem: '.platform-list' //指定列表容器

      ,done: function(page, next){ //到达临界点（默认滚动触发），触发下一页

        var lis = [];

        //以jQuery的Ajax请求为例，请求下一页数据（注意：page是从2开始返回）

        $.ajax({

          url:'{:U('Enrollment/getauto')}?page='+page,

          type: 'get',

          dataType: 'json',

          success:function(res){

             //假设你的列表返回在data集合中

          layui.each(res.data, function(index, item){

           lis.push('<li><span>'+ item.qq +'</span>'+'<span>'+ item.time +'</span>'+'<span>'+ item.hyname +'</span>'+'<span>'+ '<a onclick="aa('+item.id+')"> > </a>' +'</span>'+'</li>');

          }); 

          //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页

          //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多

          next(lis.join(''), page < res.pages);    

          },

        })

        

      }

    });

});

</script>

控制器代码：

 public function index(){

        $this->status(); // 调用检测登陆

        //session输出登陆会员将登录信息，存放在session中

        $id = session('id');

        $user = M("user");

        $huiyuan = M("huiyuan");

        // print_r($id);exit;

        //session输出登陆会员

        $field="user.id,user.username,user.userpwd,user.qq,user.weixin,user.phone,user.time,user.logintime,user.show_q,huiyuan.hyname";           

        $this->info=$user->field($field)->join('left join huiyuan on user.hid=huiyuan.hyid')->order('id desc')-> limit(10)->select();

        $this->display();

    }

    public function getauto(){

        $user = M('User'); // 实例化User对象

        // 进行分页数据查询 注意page方法的参数的前面部分是当前的页数使用 $_GET[p]获取

        $field="user.id,user.username,user.userpwd,user.qq,user.weixin,user.phone,user.time,user.logintime,user.show_q,huiyuan.hyname";   

         $data = $user

                    ->field($field)

                    ->join('left join huiyuan on user.hid=huiyuan.hyid')

                    ->order('id desc')

                    ->page($_GET['page'].',8')

                    ->select(); 

          $count = $user

                    ->field($field)

                    ->join('left join huiyuan on user.hid=huiyuan.hyid')

                    ->count(); 

            foreach ($data as $key => $value) {

            $data[$key]['qq']=substr($value['qq'],0,3)."***";

            $data[$key]['time']=date("Y-m-d",strtotime($value['time']));

        }

        $res['data'] = $data;

        $res['pages'] =ceil($count/8);

        $this->ajaxReturn($res);

    }

复制以上代码，载入相应文件，修改相应路径和数据字段就能实现

我要打赏