How do you access a model attribute with javascript variable

Question

I'm adding an attribute to my ModelAndView in spring and after this i forwarding it to my thymeleaf view.

In the view i have the following code:

<script th:inline="javascript">
        /*<![CDATA[*/
            var applicationName = /*[[${T(com.sample.constants.ApplicationConstants).MODEL_ATTR_COLLECTED_VALUES}]]*/ "Test";
            var collectedValueJson = [[${collectedValues}]];
            console.log(collectedUserJson);
        /*]]>*/
</script>

Result from this is

var applicationName = 'collectedValues';
var collectedUserJson = '[{\"givenname\":\"Muster\",\"surname\":\"Peter\"}]';

That's fine. Now my wish for this is, that i can take the var application and access with this variable the modelattribute, but that's not working.

Result is this:

var tmp2 = ${applicationName};

An other try was, that i have access to the modelattribute with the syntax /*[[ ]]*/ from the first try:

var applicationName = ${/*[[${T(com.sample.constants.ApplicationConstants).MODEL_ATTR_COLLECTED_VALUES}]]*/};

But result will be:

var tmp = ${'collectedValues'

i have no idea what can i try.

Any other suggestions?

Thank's in advance.

if your purpose is to communicate data from the back-end to js see stackoverflow.com/questions/26768947/… — gregdim
– gregdim, Commented Nov 29, 2014 at 8:44

MuffinMan · Accepted Answer · 2022-09-09 14:23:15Z

5

There is a workaround worth mentioning: Write out the attribute to

<span id="myvar" th:text="${attributeName}"></span>

and then read it in with JavaScript using

document.getElementById("myvar").value

or some similar jQuery call:

$('#myvar').text()

edited Sep 9, 2022 at 14:23

answered May 14, 2015 at 20:11

MuffinMan

9091 gold badge8 silver badges29 bronze badges

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

1 Comment

MD. Mohiuddin Ahmed Over a year ago

spans value may give undefined. you can use span.innerHTML

MD. Mohiuddin Ahmed · Accepted Answer · 2018-01-15 05:20:16Z

3

You can:

<span id="span_id" style="display: none;" th:text="${attributeName}"></span>

and then in your Javascript:

document.getElementById("span_id").innerHTML

answered Jan 15, 2018 at 5:20

MD. Mohiuddin Ahmed

2,1942 gold badges29 silver badges37 bronze badges

Comments

Juanr · Accepted Answer · 2014-11-26 19:12:59Z

2

there is no way you can access model atributes hence they are on server side and they where lost when rendering jsp into HTML

answered Nov 26, 2014 at 19:12

Juanr

441 bronze badge

4 Comments

Carlos López Marí Over a year ago

This is false as Spring Boot provides with the model to pass the atributes so it can be rendered by Thymeleaf.

A B Over a year ago

@CarlosLópezMarí does Thymeleaf not resolve the view at server side itself

Carlos López Marí Over a year ago

@AB It does, but the rendered view can contain any given values. Just as the html.

Carlos López Marí Over a year ago

He doesn't need to do it after rendering if I understood correctly

Collectives™ on Stack Overflow

How do you access a model attribute with javascript variable

3 Answers 3

1 Comment

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related