关于LayUi中parseData中code的坑

最新推荐文章于 2025-02-06 11:05:10 发布

yourSwiftie

最新推荐文章于 2025-02-06 11:05:10 发布

阅读量936

点赞数 4

分类专栏： LayUI 文章标签： layui js

本文链接：https://blog.youkuaiyun.com/qq_42578829/article/details/119455016

版权

LayUI 专栏收录该内容

3 篇文章

订阅专栏

该段代码展示了如何使用layui库来渲染用户表格。当从`/prod-api/system/user/list`接口获取数据并携带Authorization头时，如果返回的code为0，会解析数据并在表格中显示；否则，会展示msg信息。表格列包括序号、用户名和昵称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui定义：如果是code为0才解析数据，不是的话就在表格显示msg

$(document).ready(function () {
    /**
     * 渲染用户表格
     */
    layui.use('table', function () {
        var table = layui.table;
        //执行渲染
        table.render({
            elem: '#user_table',
            url: "/prod-api/system/user/list",
            headers: {'Authorization': getToken()},
            type: "GET",
            parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
                return {
                    "code": 0, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.total, //解析数据长度
                    "data": res.rows //解析数据列表
                };
            },
            cols: [[
                {
                    field: 'id',
                    title: '序号',
                    type: 'numbers',
                    sort: 'true',
                    width: 70
                }, {
                    field: 'userName',
                    title: '用户名',
                }, {
                    field: 'nickName',
                    title: '昵称',
                },
            ]]
        });
    })
})