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

}

});

});

layui ajax流加载,layui中流加载layui.flow相关推荐

  1. 基于javaweb+jsp的个人日记管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)

    基于javaweb+jsp的个人日记管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax) JavaWeb JavaBean JSP MVC ...

  2. 基于javaweb+jsp的二手物品交易管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)

    基于javaweb+jsp的二手物品交易管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax) JavaWeb JavaBean JSP M ...

  3. 基于javaweb+jsp的服装店门店信息管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)

    基于javaweb+jsp的服装店门店信息管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax) JavaWeb JavaBean JSP ...

  4. 基于javaweb+jsp的饮食营养健康管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)

    基于javaweb+jsp的饮食营养健康管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax) JavaWeb JavaBean JSP M ...

  5. 基于javaweb+jsp的企业车辆管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)

    基于javaweb+jsp的企业车辆管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax) JavaWeb JavaBean JSP MVC ...

  6. 基于javaweb+jsp的宠物领养信息管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)

    基于javaweb+jsp的宠物领养信息管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax) JavaWeb JavaBean JSP M ...

  7. 基于javaweb+jsp的访客管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)

    基于javaweb+jsp的访客管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax) JavaWeb JavaBean JSP MVC M ...

  8. 基于javaweb+jsp的甜品店奶茶店管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax)

    基于javaweb+jsp的甜品店奶茶店管理系统(JavaWeb JSP MySQL Servlet SSM SpringBoot Layui Ajax) JavaWeb JavaBean JSP M ...

  9. 照片墙瀑布流加载与阻止加载

    网上大部分主流的瀑布流应用基本都是由后端在提供图片地址的同时提供图片宽高,这样,前端不必等待图片渲染完成,可以根据图片的宽高先把装载图片的容器或父节点先放上页面,完成基础性的布局,再让图片以渐变或其他 ...

最新文章

  1. 怎么进入mysql workspace_MySQL 继续-- Win7 安装及后续工作
  2. 公司项目NODEJS实践0.3[ mongo / session ...]
  3. ios - 使用@try、catch捕获异常:
  4. 全球与中国抗脑啡肽酶抗体市场发展规模及前景战略建议报2022
  5. rabbitmq+redis在优化秒杀商品接口中的使用实例
  6. python对图片颜色校正_使用Python PIL更改图像色调
  7. 使用base64编码把背景添加到CSS文件中
  8. 关于Android RenderScript 的详细说明和一些实用文档
  9. Java txt转xml中文乱码_JAVA dom4j实现String字符串转换成XML文件(解决中文乱码问题)...
  10. Python:详解format格式化函数
  11. Fermi架构白皮书_中文详细版.pdf
  12. 华为交换机Console密码重置
  13. 金桔智能门锁实现人证房三统一原理
  14. WebService CXF-RS技术之@Pathparam与@Queryparam注解区别
  15. 揭开Angular 7的神秘面纱
  16. 全志XR806芯片 固件烧录完成后,程序不是预期烧录程序或者甚至无法启动如何解决?
  17. ps改变叶子中的图片
  18. 北大青鸟给了你什么?
  19. SpringBoot学习-part69安全-权限控制注销
  20. java 获取字符串最后的数字

热门文章

  1. 无需多个模型也能实现知识整合?港中文MMLab提出「烘焙」算法,全面提升ImageNet性能...
  2. Python代码转Latex公式,这个开源库用一行代码帮你搞定
  3. 身边的隐形富豪,都有哪些特征?
  4. 推荐一款神器:在浏览器中运行 vscode,随时随地写代码
  5. pika主从同步原理
  6. Django站点管理、视图和URL(管理界面本地化、创建管理员、注册模型类、发布内容到数据库、定义视图、配置URLconf)
  7. 使用Python分析姿态估计数据集COCO的教程
  8. 在OpenCV中使用单应性进行姿势估计
  9. 基于OpenCV的气体泵扫描仪数字识别系统
  10. Mac下pycharm如何安装tensorflow