Js获取后台集合List的值和下标的方法

2022-07-22 14:59:34

Js获取后台集合List的值和下标的方法

转载自：http://blog.csdn.net/XiaoKanZheShiJie/article/details/47280449

首先用的是struts2的框架，分两种情况：

1. 集合list里面是值，不是对象

前台代码：

首先，引入相应的标签和js库

（1）引入jstl标签库，<%@taglib
uri="http://Java.sun.com/jsp/jstl/core"
prefix="c"%>

（2）引入jQuery库，<script
type="text/JavaScript"
src="js/jquery.js"></script>

（3）js代码：

<script type="text/javascript">
var array = new Array();
//console.info("info");
<c:forEach items="${mylist}" var="item" varStatus="status" >
array.push("${item}");
alert("${item}"); //获得值,加引号
alert("${status.count}"); //获得其下标,加引号
//var temp = "${item}";
</c:forEach>
for(var i=0;i<array.length;i++){
alert(array[i]);
}
</script>

2.集合list中是对象，不是值

Js代码：

<script type="text/javascript">
var array = new Array();
//console.info("info");
<c:forEach items="${mylist}" var="item" varStatus="status" >
array.push("${item}"); //对象，加引号
var temp = "${item}";
alert("${status.count}"); //获得其下标
alert("${item.name}"); //传递过来的是字符串，加引号
alert(${item.age}); //传递过来的是int或float类型，不需要加引号
</c:forEach>
</script>