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


本文摘自CSDN-杰希默克,原文链接:https://blog.csdn.net/u013848401/article/details/78601672

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取值

<script th:inline="javascript">
    var message = [[${message}]];
    console.log(message);
</script>

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

相关阅读 >>

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

更多相关阅读请进入《Thymeleaf》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...