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

亚连
亚连 原创
2018-05-17 10:55:23 2788浏览

今天遇到个问题就是我想在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}}确取不出任何值!

然后我又尝试如下取值

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


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

[javascript] view plain copy
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]});  
}

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

如何在<script></script>标签中一样可以使用el表达式

重点分析解答js和el表达式操作list

详细介绍JS中使用EL表达式

以上就是javascript中遍历EL表达式List集合中的值的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。