Setting up a JavaScript variable from Spring model by using Thymeleaf

Question

I am using Thymeleaf as template engine  How I pass a variable from Spring model to JavaScript variable   Spring-side    RequestMapping value    message   method   RequestMethod GET  public String messages Model model        model addAttribute  message    hello        return  index       Client-side    lt script gt               var m     message      not working     alert m            lt  script gt

User · Accepted Answer

According to the official documentation    lt script th inline  javascript  gt     lt   CDATA         var message         message       default       console log message         gt     lt  script gt

User · Answer

I ve seen this kind of thing work in the wild    lt input type  button   th onclick   javascript getContactId         contact id              gt

User · Answer

Another way to do it is to create a dynamic javascript returned by a java controller like it is written here in the thymeleaf forum  http   forum thymeleaf org Can-I-use-th-inline-for-a-separate-javascript-file-td4025766 html  One way to handle this is to create a dynamic javascript file with the URLs embedded in it  Here are the steps  if you are using Spring MVC    RequestMapping path     quot  dynamic js quot    method   RequestMethod GET  produces    quot application javascript quot    ResponseStatus value   HttpStatus OK   ResponseBody public String dynamicJS HttpServletRequest request             return  quot Your javascript code     quot

User · Answer

var message        message       defaultanyvalue

User · Answer

According to the documentation there are several ways to do the inlining  The right way you must choose based on the situation     1  Simply put the variable from server to javascript       lt script th inline  javascript  gt     lt   CDATA     var message       message     alert message         gt     lt  script gt    2  Combine javascript variables with server side variables  e g  you need to create link for requesting inside the javascript        lt script th inline  javascript  gt             lt   CDATA            function sampleGetByJquery v                                 var url        my get url var1    httpServletRequest getParameter  var1                                   amp var2   v                                    myPanel   load url  function                               gt             lt  script gt    The one situation I can t resolve - then I need to pass javascript variable inside the Java method calling inside the template  it s impossible I guess

User · Answer

MAKE sure you have thymleaf on page already    Use this in java  Controller  RequestMapping   showingTymleafTextInJavaScript   public String thankYou Model model    model addAttribute  showTextFromJavaController   dummy text     return  showingTymleafTextInJavaScript         thymleaf page  javascript page  lt script gt  var showtext        showTextFromJavaController      console log showtext    lt  script gt

User · Answer

If you need to display your variable unescaped  use this format   lt script th inline  quot javascript quot  gt     lt   CDATA         var message         message       default         gt     lt  script gt   Note the    brackets which wrap the variable

User · Answer

If you use Thymeleaf 3   lt script th inline  quot javascript quot  gt      var username       session user name      lt  script gt

User · Answer

Thymeleaf 3 now    Display a constant     lt script th inline  quot javascript quot  gt  var MY URL         T com xyz constants Fruits  cheery       quot  quot    lt  script gt   Display a variable    var message       message      Or in a comment to have a valid JavaScript code when you open your template file in a static manner  without executing it at a server    Thymeleaf calls this  JavaScript natural templates   var message         message            Thymeleaf will ignore everything we have written after the comment and before the semicolon    More info  http   www thymeleaf org doc tutorials 3 0 usingthymeleaf html javascript-inlining

[javascript] Setting up a JavaScript variable from Spring model by using Thymeleaf

Examples related to javascript

Examples related to spring

Examples related to thymeleaf