使用Thymeleaf模板时需要在js中获取值
在使用Thymeleaf模板时,你可以在JavaScript代码中通过Thymeleaf的表达式语法来获取模型中的值。这里有一个简单的例子:
假设你的模型中有一个属性叫 message
:
model.addAttribute("message", "Hello, World!");
你可以在JavaScript代码中这样获取并使用它:
<script th:inline="javascript">
/*<![CDATA[*/
var message = [[${message}]];
console.log(message); // 输出: Hello, World!
/*]]>*/
</script>
确保你的<script>
标签包含了th:inline="javascript"
属性,这样Thymeleaf才能处理其中的表达式。在JavaScript代码块中,使用[[${message}]]
来获取message
的值。
请注意,为了避免XSS攻击,默认情况下,Thymeleaf会处理HTML属性中的表达式,但不会处理JavaScript内部的表达式。要在JavaScript内部使用Thymeleaf表达式,你需要将表达式包裹在/*<![CDATA[*/
和/*]]>*/
注释中,这样浏览器会将其当作注释,而Thymeleaf会处理其中的表达式。
评论已关闭