Thymeleaf前后端传值 页面取值与js取值

目的:
  后端通过Model传值到前端
  页面通过Model取值显示
  js通过Model取值作为变量使用

1.后台Controller

@GetMapping("/message")
public String getMessage(Model model){
    model.addAttribute("message","This is your message");
    return "index";
}

注:向model中添加属性message

2.页面通过Model取值

<p th:text="#{message}">default message</p>

注:thymeleaf标准表达式语法还有很多

3.js通过model取值

@RequestMapping(value="/previewExcelList",method = { RequestMethod.GET })
    public String previewExcelList(Model model,@RequestParam("id") String id) {
        model.addAttribute("batchId",id);
        return "adjustexdetail-list";
    }
<script th:inline="javascript">
    var batchId= [[${batchId}]];
    console.log(batchId);
</script>

注:script标签中 th:inline="javascript" 一定不能少,通常在取值的前后会加上不同的注释.

原文地址:https://www.cnblogs.com/Steven5007/p/9791073.html