javascript中遍历EL表达式List集合中的值
2016-05-25 11:07
537 查看
今天遇到个问题就是我想在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]});
}
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]});
}
相关文章推荐
- webstorm-前端javascript开发神器中文教程和技巧分享
- webstorm-前端javascript开发神器中文教程和技巧分享(转)
- JavaScript笔记
- 判断JS对象是否具有某种属性
- js提交form表单,并传递参数的实现方法
- JavaScript输入输出
- js数组对象--数据格式的转换(字符串,对象的取值与赋值)
- javascript之JSON小案例,实现添加数据与清楚数据
- javascript之JSON小案例,实现添加数据与清楚数据
- Strophe.js连接XMPP服务器Openfire、Tigase实现Web私聊、群聊(MUC)
- 用JS动态改变表单form里的action值属性的两种方法
- openfire系列----简单的js im聊天实现
- jsp页面路径问题
- jsp post 乱码 解决方法
- js打开新窗口被浏览器拦截的解决方法
- json 串与 C#中对象互转
- javascript 红宝书笔记之数据类型
- JSONModel 的使用总结
- 常用的js工具库
- Javascript模板引擎mustache.js详解