Js和Thymeleaf如何获取model中的值
简述
在⼤多数的项⽬架构中，使⽤SPringBoot发布微服务，前端采⽤Thymeleaf作为Html模版，使⽤Jquery作为动态脚本，那么Thymeleaf 和Jquery是如何获取Model中的数据呢？
Jquery获取Model中的数据
⽅法1：将model中的值赋给hidden，然后Js获取隐藏域的值。
后台的实现：
@RequestMapping("/QEditorMod1")
public String QEditorMod1(ModelMap model){
model.addAttribute("staff_name","cxx" );
return "questionEditorTemplate/QEditorMod1";
}
前端值的获取
//将值赋给hidden域
<input type="hidden" th:value="${staff_name}" id="staff_name2"/>thymeleaf用法
//Js 获取hidden的隐藏域
var staff_name2=$("#staff_name2").val();
Thymeleaf 获取model中的值
2、访问model中的数据
//通过“${}”访问model中的属性
<div class="panel-body">
<span th:text="${singlePerson.name}"></span>
</div>
3、在javascript中访问model ⽬前没有发现此种⽅法的应⽤场景
<script th:inline="javascript">
var single = [[${singlePerson}]];
console.log(single.name+"/"+single.age)
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。