Appending JSTL ArrayList<String> to a Javascript String

Question

I am trying to append a ArrayList to a JavaScript String variable using foreach loop but for some reason it doesn't seem to work. I have been trying to fix this problem for 2 days, but no luck yet. Can anyone help with this? Here's the code.

<div id="graphdiv"></div>

<script type="text/javascript">
    var s = "";
    <c:forEach items="${dateAndWaitTimes}" var="item">
        s.append(${item});
    </c:forEach>
    g = new Dygraph(document.getElementById("graphdiv"), s);
</script>

Here dateAndWaitTimes contains the ArrayList of String, returned by the controller.

-

Output that I am getting:

Expected Output:

you can't mix variables of 2 languages like that. Each language runs in different place at different time — charlietfl
– charlietfl, Commented Jul 12, 2016 at 17:42
Thanks,So is there any way to append the values of Java Arralylist<String> to a JavaScript string? — Retr0spect
– Retr0spect, Commented Jul 12, 2016 at 17:46
Try declaring "s =new Array();" and then s.push() instead of s.append() — Baradwaj Aryasomayajula
– Baradwaj Aryasomayajula, Commented Jul 12, 2016 at 17:57

Mohammadreza Khatami · Accepted Answer · 2016-07-12 17:48:37Z

0

It seems you're getting array values correctly but nothing display correct. one solution might be : put Java arraylist values into JS arrayList and then print JS arrayList values.

Code :

<script language="javascript">
$(function(){
    var values = new Array();        
    <c:forEach var="item" items="${dateAndWaitTimes}" varStatus="status">
        values.push("${item}");   
    </c:forEach>
    alert(" VALUES => "+values[0]);
    alert(" VALUES => "+values[1]);
    //alert(" VALUES => "+values[2]);

});

answered Jul 12, 2016 at 17:48

Mohammadreza Khatami

1,3322 gold badges14 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mohammadreza Khatami Over a year ago

this should work. this is using JQuery so you should add it to your js file. or i can change to JS it for you as soon as possible.

Retr0spect Over a year ago

Mohammad Reza Khatami, can you please change it to JS?

Mohammadreza Khatami Over a year ago

you can delete $function() then it doesn't work with JQuery anymore but i'm not sure in that, try to do it and if it doesn't work, put JQuery api in script src at top of your current page. good luck!

Retr0spect Over a year ago

Thanks, I'll try that.

Collectives™ on Stack Overflow

Appending JSTL ArrayList<String> to a Javascript String

Output that I am getting:

Expected Output:

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Output that I am getting:

Expected Output:

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related