List-Object、 JSONArray 在 html或JSP 中遍历方式

List<Object> 案例

后端接口拿到 List<Object> 数据

即 List 里面包着 List / 数组。

[ [163bc4b751d141329a0889a45cc9514a,技术支持组], [163bc4b751ef57a2225a9024022a00f7,系统应用组], [163bc4b754eba08c7ed408d4bfaa6e61,共享服务组] ]

前段 JSP页面取数据，通过 c:forEach 循环取每一条 var，然后 var 取下标为1的数据，即小组名称。

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <ul class="option_box"> <c:forEach items="${infoGroupList}" var="var" varStatus="vs"> <li class="option">${var[1] }</li> </c:forEach> </ul>

JSONArray 案例

后端接口拿到 JSONArray 数据，即 JSONArray 里面包着 JSONObject，

注意 JSONObject ≈ Map，JSONArray ≈ ArrayList，

[ { "subject": "澳洋集团邮件维保", "projectType": "硬件维保类", "submitter": "刘卫", "company": "澳洋集团有限公司", "submitTime": "2019-10-24", "handler": "刘卫", "totalNum": "102", "totalPage": "2", "currentPage": 1 }, { "subject": "集团宏景系统维保", "projectType": "软件维保类", "submitter": "邱奇", "company": "澳洋集团有限公司", "submitTime": "2019-10-11", "handler": "邱奇", "totalNum": "102", "totalPage": "7", "currentPage": 1 }, { "subject": "澳洋医院超声内镜采购", "projectType": "软件实施类", "submitter": "朱剑", "company": "澳洋医院", "submitTime": "2019-10-10", "handler": "null", "totalNum": "102", "totalPage": "8", "currentPage": 1 } ]

前段 JSP页面取数据，通过 c:forEach 循环取每一条 var，然后 var.key 获取每一条值。

<table class="improve_table f-font4"> <thead> <tr> <th width="30%">项目名</th> <th width="10%">项目阶段</th> <th width="10%"><div class="f-els3_2">类别</div></th> <th width="10%">填报人</th> <th width="10%"><div class="f-els3_2">提报公司</div></th> <th width="10%">提报时间</th> <th width="10%">IT负责人</th> <th width="10%">状态</th> </tr> </thead> <tbody> <c:forEach items="${projectDetailData}" var="var" varStatus="vs"> <tr> <td><div class="f-els3">${var.subject }</div></td> <td>缺少字段</td> <td><div class="f-els3_2" title='${var.projectType }'>${var.projectType }</div></td> <td>${var.submitter }</td> <td><div class="f-els3_2" title='${var.company }'>${var.company }</div></td> <td>${var.submitTime }</td> <td>${var.handler }</td> <td><span class="schedule schedule1">缺少字段</span></td> </tr> </c:forEach> </tbody> </table>