Thymeleaf传递给js方法值
Thymeleaf传递给js方法值
Thymeleaf 身为SpringBoot的正宫; 推荐模板竟然不被广大开发者热衷. 这就导致了一些听从Spring建议的程序猿遇到Thymeleaf问题无处可问. 我不幸的也中枪了!!! 可以看官方文档的大佬请无视我这个萌新.
话入正题, 今天在写项目时 发现Thymeleaf给onclick传递值时如此的困难,试了很多次终于成功了! 代码附上
<a th:onclick="'javascript:del('+${user.id}+');'" ></a><script>function del(id) {alert(id);}</script>
解释下: (1) th:onclick 对应的就是 js中的onclick
(2) javascript: del() 前面的javascript: 是不变的 del是你的方法名
(3) ${user.id} 对应的就是 你要获取的对象的值
(4) 上面代码的符号不要少打哦 ,不然网页就崩溃了
这种是只传递id值. 但是很多场景还要根据ajax的返回值进行判断删除. 这个时候把方法中的参数加上this就好了. 这个是时候的代码就变成了这样.
<a th:onclick="'javascript:del('+this+','+${user.id}+');'" ></a>
<script>function del(obj,id) {alert(id);}
</script>
这个时候this也就传进来了. 一起学Thymeleaf的小伙伴们快去试试吧
Thymeleaf常用的判断表达式
gt:great than(大于)>
ge:great equal(大于等于)>=
eq:equal(等于)==
lt:less than(小于)<
le:less equal(小于等于)<=
ne:not equal(不等于)!=
用法: 例 th:if="${xx} lt 'n'" 解释: (当${xx} 小于 'n' 的时候 执行if 的内容)
<div th:if=" ${xx} lt '3'"><div class="addList"><p><a id="href"><span class="icon"></span>添加绑定</a></p><p> xx绑定只能小于3</p></div>
</div>
1.thymealf时间格式化
model传值
th:value="${#dates.format(machine.endDate,'yyyy-MM-dd HH:mm:ss')}">
Thymeleaf传递给js方法值相关推荐
- 动态html函数的写法,如何将html div id的动态传递给js函数
我想将div id从html动态传递给js脚本 因为div id r1,r2,r3需要传入jS中的getElementById(),所以当用户鼠标放在任何div上,它会自动旋转.如何将html div ...
- PHP中的多行字符串传递给JavaScript方法两则
PHP和JavaScript都是初学.近期有这么个需求: 例如说有一个PHP的多行字符串: $a = <<<EOF thy38 csdn blog EOF; 传递给JavaScrip ...
- java json特殊字符处理_java json字符串传递给 js 时 特殊字符转义错误 研究
一些换行 回车等符号需要转义 主要注意 单引号 与双引号. 一 如果js以 双引号接收字符串 则转单引号 " 至 \" 否则js报错 二 如果js以 单引号接收字符串 则转单引号 ...
- php 二维数组传递给 js 问题解决记录
需求: php从数据库中读取到二维数组,传递到js中 实现步骤: php:json_encode → json → js:eval 即在php中使用json_encode()将php的二维数 ...
- dbus的代码范例 linux_linux-将结构传递给dbus方法的工具?
gdbus应该可以解决问题.尝试以下操作: gdbus call --session --dest com.example.MyTest --object-path /com/example/MyTe ...
- java mule,ESB MULE将参数传递给java方法
I use MULE version 3.3.0 CE, I want to get some value from header in inbound and then pass it to a j ...
- AgentWeb与JS 方法调用
项目背景:在Fragment中加载webView,然后点击webView跳转到了新Activity加载新页面,但是页面上点击事件在安卓端无效,ios因为没有新窗口打开,所以点击事件是有效的,所以安卓和 ...
- 如何将命令行参数传递给Node.js程序?
我有一个用Node.js编写的Web服务器,我想使用一个特定的文件夹启动. 我不确定如何在JavaScript中访问参数. 我正在像这样运行节点: $ node server.js folder 这是 ...
- 小白编程笔记——JavaScript中两种把表单内容传递给Controller的方法
工作的时候看到有两种把页面上内容传递给Controller的方法,其中一种是传递对数据库的搜索条件,并且会根据搜索条件访问数据库,并将更新后的数据写在JqGrid表格里.另一种则是用于为数据库新增数据 ...
最新文章
- UIImage 各种处理(分类)
- 为什么不提供离线Blog管理工具呢?
- IOS网络篇1之截取本地URL请求(NSURLProtocol)
- 刷新系统托盘(清除死掉的图标)修正版
- 实验一个最小的PYTHON服务器编程
- [LeetCode_5] Longest Palindromic Substring
- 一线技术人的成长思考总结
- 【吼吼睡cocos2d学习笔记】第五章 - loading场景以及其他
- python绘制动态心电图_长时动态心电图ECG数据可视化
- python3编写方程计算器_python算法——方程计算器小工具
- 【计算方法】牛顿插值法
- 开通微信小程序直播的条件有哪些?开直播要做什么准备?
- 第114课:SparkStreaming+Kafka+Spark SQL+TopN+Mysql+KafkaOffsetMonitor电商广告点击综合案例实战(详细内幕版本)
- 安装失败:user ‘system‘ has previously initiated an install for product‘‘
- 文本预处理库spaCy的基本使用(快速入门)
- vue2中vant实现网易云音乐案例-附带所有源码
- UNIX Time Sharing System - UNIX分时系统翻译
- echarts折线图设置横向基准线/水平线
- 天道酬勤系列之Java 实例 - 方法重载
- 边缘设备、系统及计算杂谈(1)
热门文章
- UDP Flood攻击防御原理
- h3cne相当于华为的的那个级别?H3C和华为认证选择哪一个认证比较好呢?现在工作中用到那个厂家的设备多?
- 细谈测试---我的启示录
- 入门小远学爬虫(二)(四)简单GET型网页爬虫实战——“前程无忧”爬虫岗位信息的爬取之正则概念以及Python中re库的简单应用
- java 开源 报表_6款常用的Java开源报表制作工具
- Install Shield制作安装软件
- 以太坊gas、gaslimit、gasPrice、gasUsed详解。
- yota3+ wifi 4g图标显示小叉号问题
- 在Android中调用摄像头拍照并显示出来
- IC验证中的force/release 学习整理(1)初见朋友