JSTL inside jQuery or JavaScript

Question

I want to pass array elements from Java code into jsp page so that if I click the button it will show the array elements in the page.

I tried to use JSTL forEach tag inside JavaScript or jQuery but it doesn't work and I don't get any error when I run the program!

.jsp page joining jQuery and JSTL

<%@ taglib prefix="stripes" uri="http://stripes.sourceforge.net/stripes.tld"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>

<stripes:submit name="showData" value="Show" id="button"></stripes:submit>

<script>
    $(document).ready(function() {
        $("button").button().click(function(){
            <c:forEach var="array" items="${actionBean.myArray }">
                <c:out value="${array }"></c:out>
            </c:forEach>
        });
    });
</script>

.jsp page joingin JS and JSTL

<stripes:submit name="showData" value="Show" onClick="myFunc"></stripes:submit>

<c:set var="newVar">
    <c:forEach var="array" items="${actionBean.myArray }">
        <c:out value="${array }"></c:out>
    </c:forEach>
</c:set>

<script type="text/javascript">
    var my_js_data = <c:out value="${newVar}"/>
    function myFunc() {
        return my_js_data;
    }
</script>

mplungjan · Accepted Answer · 2015-01-20 10:06:50Z

2

Do you mean

var arr = [];
<c:forEach var="array" items="${actionBean.myArray }">
arr.push("<c:out value="${array }"></c:out>");
</c:forEach>

$(document).ready(function() {
  $("#button").click(function(){
    $("#somecontainer").html(arr.join("<br/>"));
  });
});

answered Jan 20, 2015 at 10:06

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

Comments

Matthew Werny · Accepted Answer · 2015-01-20 10:06:36Z

1

The JSP renders server side and the browser takes that output and parses and runs the Javascript. You will want to view source on your page output to make sure that what is being output is valid Javascript. As currently shown it is unlikely that it would be.

answered Jan 20, 2015 at 10:06

Matthew Werny

592 bronze badges

Comments

Master Slave · Accepted Answer · 2015-01-20 10:20:13Z

1

mplungjans solution is complete and should be the accept answer. VPK and Matthew Werny tell you what are the issue with your current code.

As VPK indicated you're not properly assigning array value to JSTL variable, though, his proposal will assign only the latest value, following should concatenate all

<c:forEach items="${actionBean.myArray}" var="array" varStatus="stat">
  <c:set var="newVar" value="${stat.first ? '' : newVar} ${array}" />
</c:forEach>

than as Matthew mentioned, JSTL is processed server side, and if e.g. your array holds only one value test you end up with

var my_js_data = test

while instead you wanted

var my_js_data = 'test';

Your complete solution is to either go for what mplungjans said, or do

<c:forEach items="${actionBean.myArray}" var="array" varStatus="stat">
  <c:set var="newVar" value="${stat.first ? '' : newVar} ${array}" />
</c:forEach>
<script type="text/javascript">
    var my_js_data = '<c:out value="${newVar}"/>';
    function myFunc() {
        return my_js_data;
    }
</script>

note the commas around <c:out value="${newVar}"/>

answered Jan 20, 2015 at 10:20

Master Slave

28.6k4 gold badges61 silver badges56 bronze badges

1 Comment

nahid Over a year ago

Still struggling with it. I tried to show a simple string value in jsp page to test if it works and it works fine displaying a string, but doesn't show an array. Maybe there is something wrong with my java code

@DefaultHandler 	public Resolution myDefault() { 		return new ForwardResolution("/WEB-INF/jsp/import.jsp"); 	} 	public Resolution showArray() throws IOException { 		array.add("a");array.add("b");array.add("c");     	return new ForwardResolution("/WEB-INF/jsp/import.jsp"); 	}

Collectives™ on Stack Overflow

JSTL inside jQuery or JavaScript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related