Einrichten einer JavaScript-Variablen aus dem Spring-Modell mithilfe von Thymeleaf

Ich benutze Thymeleaf als Template-Engine. Wie übergebe ich eine Variable vom Spring-Modell an die JavaScript-Variable?

Federseite:

@RequestMapping(value = "message", method = RequestMethod.GET)
public String messages(Model model) {
    model.addAttribute("message", "hello");
    return "index";
}

Client-Seite:

<script>
    ....
    var m = ${message}; // not working
    alert(m);
    ...
</script>

Laut offizieller Dokumentation :

<script th:inline="javascript">
/*<![CDATA[*/

    var message = /*[[${message}]]*/ 'default';
    console.log(message);

/*]]>*/
</script>

var message =/*[[${message}]]*/ 'defaultanyvalue';

Thymeleaf 3 jetzt:

• Eine Konstante anzeigen:

  <script th: inline = "javascript">
  var MY_URL = /*[[${T(com.xyz.constants.Fruits).cheery}‹‹/ / "";
  </ script>
  

• Eine Variable anzeigen:

  var message = [[$ {message}]];
  

• Oder in einem Kommentar, um einen gültigen JavaScript-Code zu erhalten, wenn Sie Ihre Vorlagendatei statisch öffnen (ohne sie auf einem Server auszuführen).

  Thymeleaf nennt dies: natürliche JavaScript-Vorlagen

  var message = / * [[$ {message}]] * / "";
  

  Thymeleaf ignoriert alles, was wir nach dem Kommentar und vor dem Semikolon geschrieben haben.

Weitere Informationen: http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#javascript-inlining

Laut Dokumentation gibt es verschiedene Möglichkeiten, das Inlining durchzuführen.
Den richtigen Weg müssen Sie je nach Situation wählen.

1) Setzen Sie einfach die Variable vom Server in Javascript:

<script th:inline="javascript">
/*<![CDATA[*/

var message = [[${message}]];
alert(message);

/*]]>*/
</script>

2) Kombinieren Sie Javascript-Variablen mit serverseitigen Variablen, z. B. müssen Sie einen Link für die Anforderung innerhalb des Javascript erstellen:

<script th:inline="javascript">
        /*<![CDATA[*/
        function sampleGetByJquery(v) {
            /*[+
            var url = [[@{/my/get/url(var1=${#httpServletRequest.getParameter('var1')})}]] 
                      + "&var2="+v;
             +]*/
            $("#myPanel").load(url, function() {});
        }
        /*]]>*/
        </script>

Die eine Situation, die ich nicht lösen kann - dann muss ich eine Javascript-Variable innerhalb der Java-Methode übergeben, die in der Vorlage aufgerufen wird (es ist unmöglich, denke ich).

Stellen Sie sicher, dass Sie bereits ein Blatt auf der Seite haben

//Use this in java
@Controller
@RequestMapping("/showingTymleafTextInJavaScript")
public String thankYou(Model model){
 model.addAttribute("showTextFromJavaController","dummy text");
 return "showingTymleafTextInJavaScript";
}


//thymleaf page  javascript page
<script>
var showtext = "[[${showTextFromJavaController}]]";
console.log(showtext);
</script>

Ich habe gesehen, wie so etwas in freier Wildbahn funktioniert:

<input type="button"  th:onclick="'javascript:getContactId(\'' + ${contact.id} + '\');'" />