Thymeleaf print JSON string as JSON object into a javascript variable

Question

In Specific

I need a way to print JSON representation of a string value into the html page via thymeleaf.

In detail

I'm having a model attribute which contains a string which is actually a string representation of the JSON

My thymeleaf code

<script th:inline="javascript">
  var value = [[${data.scriptValue}]];
</script>

print the variable as below

var value = '[[\"asd\",\"3\"],[\"asd\",\"1\"],[\"asdasd\",\"1\"]]';

But I want something like this as a javascript/JSON array

var value = [["asd","3"],["asd","1"],["asdasd","1"]];

How to do this in thymeleaf?

Note: I know I can do this from JSON.Parse but i need a way to do this from thymeleaf :)

I think this stackoverflow.com/questions/28633329/… and this forum.thymeleaf.org/… would help — Leandro Carracedo
– Leandro Carracedo, Commented Apr 20, 2015 at 18:06
Thanks @PatrickLC I'm actually doing this at the moment as I mentioned in the question. But won't it be great to have a direct method in thymeleaf to do this like th:utext :) — Faraj Farook
– Faraj Farook, Commented Apr 21, 2015 at 5:57
I agree that would be something useful, you could find two related issues: github.com/thymeleaf/thymeleaf/issues/12 and github.com/thymeleaf/thymeleaf/issues/81 — Leandro Carracedo
– Leandro Carracedo, Commented Apr 22, 2015 at 19:42

bernie · Accepted Answer · 2016-05-27 16:55:15Z

29

Update - 2015/12/24

This feature is available in Thymeleaf 3

Refer The Thymeleaf textual syntax in https://github.com/thymeleaf/thymeleaf/issues/395

// Unescaped (actual answer)
var value = [(${data.scriptValue})];
//or
var value = [# th:utext="${data.scriptValue}"/];

// Escaped
var value = [[${data.scriptValue}]];
//or
var value = [# th:text="${data.scriptValue}"/];

It's not possible at Thymeleaf 2. As Patric LC mentioned, there are two issues reported for this.

edited May 27, 2016 at 16:55

bernie

10.5k7 gold badges67 silver badges99 bronze badges

answered May 9, 2015 at 22:00

Faraj Farook

15k17 gold badges74 silver badges98 bronze badges

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

Comments

m.aibin · Accepted Answer · 2015-12-22 23:43:07Z

@Faraj, new version of Thymeleaf provides this functionality. They implement features for the issues that you mentioned. You can look here: http://www.thymeleaf.org/doc/articles/thymeleaf3migration.html

The main features:

Three textual template modes: TEXT, JAVASCRIPT and CSS.
New syntax for elements in textual template modes: [# ...] ... [/].
Inlined output expressions allowed, both escaped ([[...]]) and unescaped ([(...)]).
Intelligent escaping of JavaScript (as literals) and CSS (as identifiers).
Parser-level (/*[- ... -]*/) and prototype-only (/*[+ ... +]*/) comment blocks.
Natural templates applied to JAVASCRIPT scripts and CSS style sheets by means of wrapping elements and/or output expressions inside comments (/*[# ...]*/).

Collectives™ on Stack Overflow

Thymeleaf print JSON string as JSON object into a javascript variable

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related