javascript中遍历EL表达式List集合中的值
程序员文章站
2022-03-13 22:53:20
...
今天遇到个问题就是我想在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表达式
以上就是javascript中遍历EL表达式List集合中的值的详细内容,更多请关注其它相关文章!
推荐阅读
-
jsp页面中EL表达式被当成字符串处理不显示值问题的解决方法
-
C#中List集合使用Max()方法查找到最大值的实例
-
【转载】C#中List集合使用GetRange方法获取指定索引范围内的所有值
-
JAVA 8 lambda 表达式实现按某个属性值查找集合中符合条件的所有对象并求和
-
el表达式获取jsp域对象、获取对象(获取时间使用逻辑视图)、List集合(可获取对象)、Map集合的值(可获取对象)
-
jsp页面中EL表达式被当成字符串处理不显示值问题的解决方法
-
【转载】 C#使用Select方法快速获取List集合集合中某个属性的所有值集合
-
Java List集合返回值去掉中括号(''[ ]'')的操作
-
Java判断一个值,或者对象是否存在list集合中和去掉list集合中重复的元素
-
C#中List集合使用Max()方法查找到最大值的实例