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>