问剑白玉京 2023-04-24 12:14 采纳率: 74.1%
浏览 49
已结题

layui数据表格不显示数据!

在使用layui数据表格的时候,遇到了一个问题,后端传回的数据,在前端不显示。
刚开始的时候是一直报错:

layui table 返回的数据不符合规范,正确的成功状态码应为:"code": 0

经过一番搜查修改之后,是无数据
结果如下

img

然后又修改了一下成为下面这种了:

img

我的代码如下
html

    <div>
        <table id="usertable" lay-filter = "test"></table>
    </div>

js

layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: '#usertable'
            ,height: 312
            , url: '{% url "getsysuser0" %}' // 数据接口
            , page: true
            , cols: [[
                {field: 'user_id', title:'用户编号',width:120, sort:true, fixed:'left'}
                ,{field: 'account', title:'账号',width:100,sort:true}
                ,{field: 'password', title:'密码',width:100}
                ,{field: 'nickname', title:'昵称',width:120}
                ,{field: 'age', title:'年龄',width:80,sort:true}
                ,{field: 'gender', title:'性别',width:80}
                ,{field: 'phone', title:'电话',width:100}
                ,{field: 'email', title:'邮箱',width:100}
                ,{field: 'addtime', title:'添加时间',width:150}
            ]]
            , parseData:function(res){
                console.log(res)
                return {
                    "code": 0,
                    "msg":"",
                    "count":res.count,
                    "data":res.users
                }
            }
        });
    });

后端代码


@csrf_exempt
def getSysUser0(request):

    # 获取普通用户
    users = Sysusers.objects.filter(type__exact = 0)

    sysusers = serializers.serialize("json",users,ensure_ascii=False)
    sysusers = json.loads(sysusers)
    data = {
        "users":sysusers,
        "count":len(users)
    }
    
    return JsonResponse(data,safe=False,json_dumps_params={'ensure_ascii': False})
  • 写回答

3条回答 默认 最新

  • 「已注销」 2023-04-24 17:10
    关注

    img


    users应该是这样的结构

    users: [{
        account: '',
        addtime: '',
        age: "",
        // 其余字段省略
    }]
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 5月2日
  • 已采纳回答 4月24日
  • 修改了问题 4月24日
  • 修改了问题 4月24日
  • 展开全部

悬赏问题

  • ¥50 python课程管理系统
  • ¥15 python+selenium,在新增时弹出了一个输入框
  • ¥15 苹果验机结果的api接口哪里有??单次调用1毛钱及以下。
  • ¥20 学生成绩管理系统设计
  • ¥15 来一个cc穿盾脚本开发者
  • ¥15 CST2023安装报错
  • ¥15 使用diffusionbert生成文字 结果是PAD和UNK怎么办
  • ¥15 有人懂怎么做大模型的客服系统吗?卡住了卡住了
  • ¥20 firefly-rk3399上启动卡住了
  • ¥15 如何删除这个虚拟音频