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

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

转载自：http://blog.youkuaiyun.com/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代码：

[html] view plain copy

1. <script type="text/javascript">  
2.     var array = new Array();  
3.     //console.info("info");  
4.     <c:forEach items="${mylist}" var="item" varStatus="status" >  
5.         array.push("${item}");  
6.         alert("${item}");  //获得值,加引号
   
7.         alert("${status.count}");   //获得其下标,加引号
   
8.         //var temp = "${item}";  
9.     </c:forEach>  
10.     for(var i=0;i<array.length;i++){  
11.         alert(array[i]);  
12.     }     
13. </script>  

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

Js代码：

[html] view plain copy

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