layui table表单提示数据接口请求异常

最新推荐文章于 2024-08-10 03:14:18 发布

GQ学编程

最新推荐文章于 2024-08-10 03:14:18 发布

阅读量3.4k

点赞数 3

文章标签： layui 前端 json 后端

本文链接：https://blog.csdn.net/weixin_52797128/article/details/122933279

版权

在使用VScode和layui构建数据表格时遇到一个问题，直接使用本地json文件作为url会导致数据接口请求异常。解决方案是通过data属性替代url，直接在layui的table.render方法中提供JSON格式的数组数据，从而避免了访问本地文件的限制。这种方法方便了在无后端环境下的layui操作练习。

摘要由CSDN通过智能技术生成

今天用VScode编写layui的数据表格，发现url直接请求本地文件json会报数据接口请求异常


table.render({
          elem: '#table1'
          ,height: 312
          ,url: 'class.json'
          ...

在网上看看应该是访问本地JSON文件就会报这个错误

访问后端请求路径就不会出错

解决方法

请求后端路径，获取后端返回的数据文件
使用 data属性，代替url

使用data属性：

 table.render({
          elem: '#table1'
          ,height: 312
          ,page:true
          ,cols: [
            [
                ...
            ]
          ]
          ,data:[    //JSON格式数组
            {"c_id":1,"c_classid":141,"c_classname":"生物","c_counsellor":"徐超","students":null},
            {"c_id":2,"c_classid":151,"c_classname":"应化","c_counsellor":"刘晨","students":null},
            ...
          ]

这样就不用连接后端了，可以简单练习Layui操作了