layui ajax流加载,layui中流加载layui.flow

1.引入layui.css和layui.js

2. html中定义容器

js部分：

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

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

var flow = layui.flow;

flow.load({

elem: '#demo' //指定列表容器

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

var list = [];

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

$.post( '接口地址',{page:page,limit:10}, function(res){

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

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

list.push("

" +

"" +

"

");

});

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

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

next(list.join(''), page < res.data.totalPage);

},'json');

}

});

});