Maison >interface Web >js tutoriel >Parcourez les valeurs dans la collection EL expression List en javascript

Parcourez les valeurs dans la collection EL expression List en javascript

亚连
亚连original
2018-05-17 10:55:233346parcourir

Un problème que j'ai rencontré aujourd'hui est que je souhaite obtenir la valeur de la liste envoyée depuis l'arrière-plan en js. À l'origine, la page était affichée en utilisant ELexpression, et tout allait bien. Cependant, je voulais obtenir dynamiquement l'URL dans la collection puis appeler qrcode en js pour générer le code QR lorsque j'ai essayé de suivre. la plupart des idées Lors de l'obtention de la valeur, j'ai rencontré le problème suivant

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


Hahaha, j'ai utilisé l'outil de débogage pour voir que ${myTickets.size()} a obtenu la longueur de la liste mais ${myTickets[i].url}} n'obtient aucune valeur !

Ensuite j'ai essayé d'obtenir la valeur comme suit

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


Hahaha, ça fait très mal après l'avoir retiré. Mais le problème réside ici : lors de l'utilisation de l'expression EL ${myTickets[i].url} dans la boucle for, le i dans ${myTickets[i].url} ne peut pas obtenir la valeur, ce qui signifie que l'expression EL ne peut pas utiliser JS La variable dans , l'expression EL est un tout. Plus précisément, nous pouvons faire ce qui suit, utiliser foreach dans JS pour pousser la valeur dans le tableau, puis boucler pour parcourir le tableau , ce qui peut être une solution parfaite :

[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++)  
{  
  $(&#39;#qrcode&#39;+i).qrcode({text: ctx+"/wxpay/"+array[i]});  
}

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

Comment utiliser les expressions el dans les balises 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0

Focus sur l'analyse et la réponse à la liste d'opérations d'expression js et el

Introduction détaillée à l'utilisation des expressions EL dans JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn