后台的json数据在前台用ajax循环表格显示

致橡树.

于 2021-12-10 08:30:14 发布

阅读量647

点赞数 1

分类专栏： java前端自学笔记文章标签： HTML JavaScript JSON 表格展示前端开发

本文链接：https://blog.youkuaiyun.com/qq_52803880/article/details/121848142

版权

java前端自学笔记专栏收录该内容

1 篇文章

订阅专栏

首先创建表头

<table border="1"cellspacing="0" width=600px id="list">
<thead>     //<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。
<tr height=50px>
    <th>求职者ID</th>
    <th>姓名</th>
    <th>审核状态</th>
</tr>
</thead>

效果如下：

关于HTML的一些标签：HTML <thead> 标签 (w3school.com.cn)

aAjaxfor循环获取json数据

for (var i=0;i<data.length;i++) {
                                        $("#list").append(
                                            "<tr><td>" + data[i].worker_ID + "</td>"
                                            + "<td>" + data[i].worker_name + "</td>"
                                            + "<td>" + data[i].worker_state + "</td>" + "</tr>"
                                        );

关于JavaScript的相关语法：JavaScript For 循环 (w3school.com.cn)

最终效果：