jQuery通过json的方式响应map的list对象集合，并以table的形式展示

controller收到ajax请求，处理完成后作出响应，返回map的list对象集合，

@RequestMapping(value = "/getPartByPurchBillId")
@ResponseBody
public Map<String,Object> getPartByPurchBillId(@RequestParam(value="purchBillId") Integer purchBillId){
Map<String, Object> map = new HashMap<>();
List<RequirePartListBean> requirePartListBeans = purchaseService.getPartByPurchBillId(purchBillId);
map.put("requirePartListBeans", requirePartListBeans);
return map;
}

但是因为是在JavaScript中，不能使用<c:foreach />进行遍历，所以使用jQuery方式遍历$.each()，jsp页面如下：
方法被调用时，ajax发送请求，

<script>
function showPartDetails(purchBillId){
var tbody = "";
$.ajax({
type:"post",
url:"${rootPath }/depot/purchase/getPartByPurchBillId?purchBillId="+purchBillId,
success : function(data){
$.each(data.requirePartListBeans, function (n, value) {
//n指索引，requirePartListBeans指valuemap集合中放的list，value指list遍历的对象
//partNumber、partQuantity指对象的属性
   var trs = "";
trs += "<tr><td>" + (n+1) + "</td><td>" + value.partNumber + "</td> <td>" + value.partName+ "</td> <td>" + value.partQuantity+ "</td></tr>";
tbody += trs;
});
$("#partList").html(tbody);//这里动态的为tbody添加内容
layer.open({//这里使用layer前端框架，也可以不用
type: 1,
title: false,
closeBtn: 0,
shadeClose: true,
content: $("#showDetail")//打开下面的div,弹窗,遍历的内容进行展示
});

}
});
}
</script>

<%--配件详情部分 --%>
<div id="showDetail" style="display: none;" class="layui-layer layui-layer-dialog layer-anim dialog" type="dialog" times="3" showtime="0" contype="string" >
<div class="layui-layer-title" style="cursor: move;">配件详情</div>
<div id="" class="layui-layer-content">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>配件编号</th>
<th>配件名称</th>
<th>配件数量</th>
</tr>
</thead>
<tbody id="partList">
</tbody>
</table>
</div>
<span class="layui-layer-setwin">
<a class="layui-layer-ico layui-layer-close layui-layer-close1" href="javascript:;"></a>
</span>
<div class="layui-layer-btn layui-layer-btn-" >
<a class="layui-layer-btn0" >确定</a>
</div>
<span class="layui-layer-resize"></span>
</div>
<%--end 配件详情部分--%>