怎么把后端的model对象传到前端js或jquery里

文章目录

方法一

通过hidden的input标签可以获取
后端:

String message = "方法一";
model.addattribute("message",message);

前端:

<input type="hidden" id="hiddenMessage" value=${message}>

<script>
	$('#hiddenMseeage').val()
</script>

这个方法先使用model从后端传输对象给前端,但由于在html里可以用 m e s s a g e 直接获取对象的值,但是在 s c r i p t 中不行,就需要把值传到一个 h i d d e n 的可以把值放到 v a l u e 或 t e x t 的对象里,最后在 s c r i p t 中通过 {message}直接获取对象的值,但是在script中不行,就需要把值传到一个hidden的可以把值放到value或text的对象里,最后在script中通过 message直接获取对象的值,但是在script中不行,就需要把值传到一个hidden的可以把值放到valuetext的对象里,最后在script中通过(‘#id’)的方式获取数据,一般用val获取,但是这样的话整个对象会被转换成String字符串,后序获取较麻烦,可能需要费很大力,建议用于简单的对象,如果存放了列表、map等对象获取时会较困难。

方法二

<script th:inline=“javascript“>
	[[${message}]]
</script>

在html标签内可通过th标签加${}表达式访问model里的对象数据。但如果不想通过th标签而是简单地访问model对象数据,或是想在javascript代码块里访问model中的数据,则要使用内联的方法。
th:inline="javascript"是Thymeleaf中的内联写法,支持在javascript访问model中的数据。
用两个中括号[[]]就能像在html中使用对象了。

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值