javascript中遍历EL表达式List集合中的值

Posted 2020-10-09 Henu丶雨巷

今天遇到个问题就是我想在js中获取后台传来的list中的值。本来页面展现是用的EL表达式，一切都没有什么问题，但是我要动态获取集合中的url然后在js中调用qrcode生成二维码，当我尝试按大部分的思路取值的时候遇到如下的问题：

for(var i=0;i<${myTickets.size()};i++){  
　　$(‘#qrcode‘+i).qrcode({text: ${myTickets[i].url}});  
}  

用调试工具看到${myTickets.size()}确实取到了list的长度，但是${myTickets[i].url}}确取不出任何值！

然后我又尝试如下取值：

for(var i=0;i<${myTickets.size()};i++){  
　　alert(${myTickets[0].url})  
}  

取出来了，但是问题正出在这里：在for循环中使用EL表达式${myTickets[i].url}中的i是取不到值的，也就是说EL表达式不可以使用JS中的变量，EL表达式是一个整体。具体我们可以如下操作，在JS中使用foreach将值取出push到数组中，然后在循环遍历数组，这样可以完美解决：

var array = new Array();  
<c:forEach items="${myTickets}" var="t">  
　　array.push(${t.ticketNo}); //js中可以使用此标签，将EL表达式中的值push到数组中  
</c:forEach>  
for(var i=0;i<array.length;i++){  
　　$(‘#qrcode‘+i).qrcode({text: ctx+"/wxpay/"+array[i]});  
}