怎么在thinkPHP中利用LayUI实现一个流加载功能-创新互联

本篇文章给大家分享的是有关怎么在thinkPHP中利用LayUI实现一个流加载功能，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

成都创新互联是专业的常山网站建设公司，常山接单;提供成都网站设计、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行常山网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

html

js，要引入layui.js

layui.use('flow', function() {
  var $ = layui.jquery;
  var flow = layui.flow;
    flow.load({
    elem: '#container' //流加载容器
      //滚动条所在元素，一般不用填，此处只是演示需要。
    ,done: function(page, next){ //执行下一页的回调
     console.log(page)
     //模拟数据插入
     setTimeout(function(){
      var lis = [];
      var url = "/index/index/ajaxNews/?page="+page
      $.get(url,function (res) {
        
          layui.each(res.msg.data, function(index, item) {
            lis.push('\
              \
                \
                  \

public function ajaxNews() { $page = input('page'); //页码 $pagesize = 6; $list['data'] = model('Index')->getNewsList($page,$pagesize); $count= model('Index')->getNewsCount(); $list['pages'] = ceil($count/$pagesize); if ($list) { return return_succ($list); }else{ return return_error('暂无数据'); } }

// 获取动态列表 public function getNewsList($page,$pagesize) { $list = Db::name('news') ->field('id,title,intro,cover_img') ->order('create_time desc') ->where(['status'=>0]) ->page($page,$pagesize) ->select(); return $list; } //获取动态总条数 public function getNewsCount() { $count = Db::name('news')->where(['status'=>0])->count(); return $count; }

新网创想网站建设，新征程启航

怎么在thinkPHP中利用LayUI实现一个流加载功能-创新互联

其他资讯