How to make a JSTL foreach loop in javascript code?

Question

I am working on a JSP page. I use Spring framework, JSTL and Jquery. I mix some js code and JSTL code. Here is the code :

This is my Spring controller:

Contract contract = services.getContractInfo(contractNumber);
contract.addCustomer(customer);
model.addAttribute("contract", contract);

This is my Java script:

<script language="javascript">
    $(document).ready(function(){
        var values = new Array();
        <c:forEach var="customer" items="${contract.customers}" varStatus="status">
            values.push("${customer.name}");   
        </c:forEach>

        alert(" VALUES => "+values[0]);
        ....
    });
</script>

Alert shows me "VALUES => undefined".

I don't understand. What's happen ?

Please add the final javascript. If there are no customers, there will be no values[0]. View source and paste it here as well. — Gunslinger
– Gunslinger, Commented Aug 2, 2013 at 8:59

Beniton Fernando · Accepted Answer · 2016-05-04 12:57:48Z

2

This code you have provide should work perfect. The only possiblity values[0]= undefined is due the ${contract.customers} might be empty. The below code should help to find if the collection is empty

<script language="javascript">
    $(function(){
        var values = new Array();
        <c:if test="${empty contract.customers}">
           values.push("No customers Found"); 
        </c:if>         
        <c:forEach var="customer" items="${contract.customers}" varStatus="status">
            values.push("${customer.name}");   
        </c:forEach>
        alert(" VALUES => "+values[0]);

    });
</script>

answered May 4, 2016 at 12:57

Beniton Fernando

1,5331 gold badge14 silver badges21 bronze badges

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

Comments

Ayub Malik · Accepted Answer · 2013-08-02 10:45:37Z

0

I don't think you need the document ready (in this specific case). Also try setting the type of script rather than language. I assume you have a getCustomers() method in Contract class that returns a Collection.

e.g.

<script type="text/javascript">
    var values = [];
    <c:forEach var="customer" items="${contract.customers}" varStatus="status">
        values.push("${customer.name}"); 
    </c:forEach>
    alert(" VALUES => " + values[0]);
</script>

answered Aug 2, 2013 at 10:45

Ayub Malik

2,6186 gold badges30 silver badges44 bronze badges

Comments

heshik nandan · Accepted Answer · 2014-12-28 03:17:51Z

0

You cant use a JSTL inside a script function. try putting the value outside the script function

<c:forEach var="customer" items="${contract.customers}" varStatus="status">
values.push("${customer.name}");   
</c:forEach>

just use this to show the values of assign it some textbox or table.

answered Dec 28, 2014 at 3:17

heshik nandan

211 silver badge5 bronze badges

Collectives™ on Stack Overflow

How to make a JSTL foreach loop in javascript code?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related