layui数据表格重载

最新推荐文章于 2023-08-30 18:41:34 发布

原创

最新推荐文章于 2023-08-30 18:41:34 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

不会弹钢琴的架子鼓手不是一个会弹尤克里里的好程序媛

文章标签：

#layui #layui数据表格重载

本文介绍了如何在layui框架下实现数据表格的重载功能。通过官方文档创建表格样式，并展示在未重载时获取所有数据的示例。接着讨论了重载方法的参数差异，以及GET和POST请求的区别，GET用于请求数据，而POST用于提交数据处理。在实际应用中，layui的表格重载功能对于动态更新和查询非常实用。

样式：

在这里插入图片描述

首先，根据layui官方文档，制作出表格（包括样式，此处代码省略）
返回后端的数据（这是在没有重载的情况下查询了表中所有的数据）

<table class="layui-hide" id="demo" lay-filter="test"></table>

layui.use(['laypage', 'table', 'element'], function () {
                    var table = layui.table //表格
                        , laypage = layui.laypage //分页
                        , laydate = layui.laydate //日期
                        , element = layui.element//元素操作

                    //优惠政策表格
                    table.render({
                        elem: '#demo'  //引用对象
                        , height: 521
                        , url:*********//数据接口**代表访问的后端链接
                        , method: 'get',
                        //返回的数据
                        parseData: function (res) {
                            if (res.length == 0) {
                                return {
                                    "code": 0, //解析接口状态
                                    "msg": "", //解析提示文本
                                    "data": res
                                }
                            }
                            else {
                                return {
                                    "code": 0, //解析接口状态
                                    "msg": "", //解析提示文本
                                    "count": res[0].total, //解析数据长度
                                    "data": re

最低0.47元/天解锁文章