Accessing a ModelMap list through JavaScript in JSP

Question

I have a List of People Objects added to my ModelMap. A person has a name and a date. I know I can access the list by doing the following in the html part of the JSP

 ${peopleList}

However I want to loop through this list in the JSP in a JavaScript tag, I have tried the following but I am having no luck, and for testing I have just been doing an alert.

 var people = "${peopleList}"
 alert(people[0].name);

How can I access these properties in JavaScript.

randal4 · Accepted Answer · 2017-09-07 18:58:35Z

4

You are close to the solution, but what you did wrong is a java List object cannot be converted to a javascript list object directly with var people = "${peopleList}". Instead, you can loop through the List object and create the javascript variables manually using JSTL:

Import the jstl core taglib at the top of the jsp:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

Then inside the script tag, create your peopleList:

<script type="text/javascript">

var peopleList = new Array();

<c:forEach items="${peopleList}" var="ppl">
    var people = new Object();
    people.name = '${ppl.name}';
    people.date = '${ppl.date}';

    peopleList.push(people);
</c:forEach>

if(peopleList.length > 0){
    alert(peopleList[0].name);
}

</script>

edited Sep 7, 2017 at 18:58

randal4

5904 silver badges17 bronze badges

answered Apr 23, 2014 at 11:26

Abhishek Nayak

3,7563 gold badges36 silver badges68 bronze badges

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

1 Comment

bxc00zzy Over a year ago

is c:foreach can put in javascript ?

Collectives™ on Stack Overflow

Accessing a ModelMap list through JavaScript in JSP

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related