js 通过 thymeleaf 获取后台数据

后台通过Model把数据传到前台页面：

 public String admin(Model mmap, HttpSession session) {
        mmap.addAttribute("username",session.getAttribute("username"));
        return prefix + "/admin";
    }

前台页面获取数据有两种方式：

• 使用input获取后台数据：

  <input id="username" type="hidden" th:value="${username}">

  
  在js中根据input的id得到input的值：

  <script type="text/javascript">
      //方法1
      var username=document.getElementById("username").value
      //方法2
      var username=$("#username").val()
  </script>

   

• 直接在script中获取后台数据：

  <script type="text/javascript" th:inline="javascript">
      var username=[[${username}]]
  </script>