LayUI # 绑定数据表，接口测试成功不显示数据问题

一时失言乱红尘 2023-06-29 15:54 8阅读 0赞

### 编写如下代码： ###

<!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="../layui/css/layui.css" media="all" />
        <script src="../layui/layui.js" type="text/javascript"></script>
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <table class="layui-table" lay-data="{url:'../From_JSON/AfterAssembly.json'}" lay-filter="myTable">
                <thead>
                    <tr>
                        <th lay-data="{checkbox:true}"></th>
                        <th lay-data="{field:'Name',title:'姓名',align:'center'}"></th>
                        <th lay-data="{field:'Section',title:'性别',align:'center'}"></th>
                        <th lay-data="{field:'content',title:'年龄',align:'center'}"></th>
                    </tr>
                </thead>
            </table>
            <button id="btnSave" class="layui-btn" type="button" runat="server">提交</button>
        </form>
    </body>
    </html>

### 接口数据： ###

{
      "code": 0,
      "msg": "",
      "count": 3,
      "data": [
        {
          "Name": "名称1",
          "Section": "11",
          "content": "内容1"
        },
        {
          "Name": "名称2",
          "Section": "22",
          "content": "内容2"
        },
        {
          "Name": "名称3",
          "Section": "33",
          "content": "内容3"
        }
      ]
    }

### 测试窗口： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MzEzNTc1_size_16_color_FFFFFF_t_70][]

竟然不显示数据。

--------------------

### 更改后代码： ###

### 测试窗口： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MzEzNTc1_size_16_color_FFFFFF_t_70 1][]

# 成功了。 #

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MzEzNTc1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200113115356640.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MzEzNTc1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MzEzNTc1_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200113115652652.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MzEzNTc1,size_16,color_FFFFFF,t_70