数据接口请求异常：error

layui数据接口请求异常：error

Failed to load resource: the server responded with a status of 404 (Not Found)

如何模拟，后台传过来了数据？???

非常简单：

访问

layui，怎么给 数据接口塞数据？

layui，怎么给 数据接口塞数据？

https://blog.csdn.net/qq_42257131/article/details/103949309

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

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

​

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

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

解决方法

1. 请求后端路径，获取后端返回的数据文件
2. 使用 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操作了

今天在学习使用 Layui 数据表格时遇到一个 数据接口请求异常 的问题, Layui 作为一个前端框架,其中的数据都不是从数据库中取到的动态数据,而是写的模拟数据，所以在使用 Layui 时, Layui 的开发者已经为使用者提供了一套 json 数据,我们只需要将数据复制到我们的本地进行使用即可。

正常的数据表格:

数据接口异常:

寻根溯源:

按 F12 会看到如下提示:

原因:这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。”
也就是你不能用本地文件打开，本地打开是file:///C:/Users/Acer/Desktop/layui/a.html。

要想是 Http 请求,我们就需要将我们的页面放到服务器上,从而访问到对应的 json 数据。

放到 tomcat 服务器上,就可以完美运行了。