layui 表无法渲染问题

背景
最近用layui设计后台表时，在测试时，发现后端返回的JSON能在Chrome浏览器中找到对应的JSON对象，但就是无法显示。

表体只将返回的json对象中的msg打印了出来

查询了众多博客发现没有一篇能解决问题，无果最终查询官方文档中，有一处解释引起了注意：

问题原因
layui默认成功的状态码是0，与我们常见的200状态码是不同的。我写的后端传回统一Ajax响应格式中，将数据查询成功时状态码设置的是200，以至于layui前端认为传回的数据不是成功的，便只将后端通知的消息打印了出来。
解决方案
在方法渲染中(这里我使用的是layui推荐的方法渲染方式)，设置response属性的成功状态码为自己项目使用的成功状态码(通常为200)

初次使用layui遇到的这个问题花了很久的时间，记录一下，希望能帮到初学者们。

layui 表无法渲染问题相关推荐

layui表单提交使用form.on(‘submit(sub)‘,function (){}) 使用ajax请求时回调不执行的原因及解决方法
layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法参考文章: (1)layui表单提交使用form.on(' ...
Layui --- [Mar]给渲染后的表格加CSS样式
为什么要控制样式使用layui生成后的表格的样式有时候,并不能满足我们的需求.因此在渲染完成后,需要自定义类对其操作 Layui表格渲染后一般会出现以下结构分结构如下我把使用layui的tabl ...
asp.net接受表单验证格式后再提交数据_如何解析 el-form-renderer 表单渲染器1.14.0...
DEEPEXI 大前端常人道,一入开发深似海,技术学习无止境.在新技术层出不穷的前端开发领域,有一群身怀绝技的开发,他们在钻研前沿技术的同时,也不忘分享他们的成果,回馈社区.下面,就由小水滴带大家看 ...
layui 表单动态添加、删除input框
html部分 <div class="layui-form-item" ><label class="layui-form-label"> ...
asp.net接受表单验证格式后再提交数据_看滴普科技大前端如何玩转el-form-renderer 表单渲染器1.14.0
DEEPEXI 大前端常人道,一入开发深似海,技术学习无止境.在新技术层出不穷的前端开发领域,有一群身怀绝技的开发,他们在钻研前沿技术的同时,也不忘分享他们的成果,回馈社区.下面,就由小水滴带大家看 ...
layui表单验证内置自定义规则 - 使用说明
关于 layui表单的验证规则.调用.自定义规则的使用经验总结: 除了 layui 本身配套的一个验证体系,还支持开发者自定义验证规则(如上表中的[自定义密码验证(代码参考下文)]),并直接嵌入到页面 ...
Layui表单复选框验证
Layui表单复选框验证近日由于项目原因使用layui框架进行开发,在做表单验证的时候苦于复选框验证问题找不到答案,于是作为小白的我换了一种思路,不采用官方提供的form-verify,而是采用在提 ...
Layui表单验证失效解决办法
出现layui表单提交时没有进行验证的情况解决办法 <div class="layui-input-inline" style="width: 150px;&quo ...
LAYUI表格自动渲染
引入jq 和layui插件在页面加载时间里加载layui里需要的文件 .在use加载事件里执行渲染 elem: '#demo' //指定原始表格元素选择器(推荐id选择器) cols: [{}] / ...

layui 表无法渲染问题

layui 表无法渲染问题相关推荐

最新文章

热门文章