thymeleaf的绑定click事件

本文介绍在SpringBoot中使用Thymeleaf模板引擎,详细讲解如何在按钮上绑定onclick事件,包括使用字符串拼接和竖线符号简化代码的方法。

最近在学习spring boot ,因为spring boot 的前端模板默认推荐thyme leaf,所以也开了一下
thyme leaf绑定button的onclick事件

<input type="button" th:onclick="'javascript:fungetone(\''+${con.uid}+'\');'" value = "修改" />
function fungetone(uid){
			$.post('/consumer/getone',{"uid":uid},function(data){
				。。。。。。。。
			
		}

关键在于onclick后面的拼接,注意单引号和双引号的区别!!!
2018-10-08国庆后第一天
另外一种简单的方法,使用 | 竖线 更为简洁!!!

<input type="button" th:onclick="|javascript:fungetone(${con.uid})|" value = "修改" />

| 竖线本来用于转换字符,意思就是

<span th:text="|Welcome to our application, ${user.name}!|">

相当于

<span th:text="'Welcome to our application, ' + ${user.name} + '!'">

上面两个span标签中的内容在网页编译后,是一样的!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值