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方法值相关推荐

  1. 动态html函数的写法,如何将html div id的动态传递给js函数

    我想将div id从html动态传递给js脚本 因为div id r1,r2,r3需要传入jS中的getElementById(),所以当用户鼠标放在任何div上,它会自动旋转.如何将html div ...

  2. PHP中的多行字符串传递给JavaScript方法两则

    PHP和JavaScript都是初学.近期有这么个需求: 例如说有一个PHP的多行字符串: $a = <<<EOF thy38 csdn blog EOF; 传递给JavaScrip ...

  3. java json特殊字符处理_java json字符串传递给 js 时 特殊字符转义错误 研究

    一些换行 回车等符号需要转义 主要注意 单引号 与双引号. 一 如果js以 双引号接收字符串 则转单引号 "  至 \" 否则js报错 二 如果js以 单引号接收字符串 则转单引号 ...

  4. php 二维数组传递给 js 问题解决记录

    需求: php从数据库中读取到二维数组,传递到js中 实现步骤: php:json_encode  →   json  →  js:eval 即在php中使用json_encode()将php的二维数 ...

  5. dbus的代码范例 linux_linux-将结构传递给dbus方法的工具?

    gdbus应该可以解决问题.尝试以下操作: gdbus call --session --dest com.example.MyTest --object-path /com/example/MyTe ...

  6. 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 ...

  7. AgentWeb与JS 方法调用

    项目背景:在Fragment中加载webView,然后点击webView跳转到了新Activity加载新页面,但是页面上点击事件在安卓端无效,ios因为没有新窗口打开,所以点击事件是有效的,所以安卓和 ...

  8. 如何将命令行参数传递给Node.js程序?

    我有一个用Node.js编写的Web服务器,我想使用一个特定的文件夹启动. 我不确定如何在JavaScript中访问参数. 我正在像这样运行节点: $ node server.js folder 这是 ...

  9. 小白编程笔记——JavaScript中两种把表单内容传递给Controller的方法

    工作的时候看到有两种把页面上内容传递给Controller的方法,其中一种是传递对数据库的搜索条件,并且会根据搜索条件访问数据库,并将更新后的数据写在JqGrid表格里.另一种则是用于为数据库新增数据 ...

最新文章

  1. 《第一行代码》学习笔记16-碎片Fragment(1)
  2. Struts2 - 上传任意多个文件
  3. linux内核红宝书,Solaris 10红宝书 9.3
  4. oracle 10g体系结构及安全管理
  5. TensorFlow2-生成对抗网络
  6. 强制进程结束(内核函数)
  7. 第7节 三个败家子(7)——收藏IQ也会贬值
  8. 将PDF和Gutenberg文档格式转换为文本:生产中的自然语言处理
  9. 易语言mysql锁表_MySQL的3种锁定机制
  10. 命令行shell 用于SQLite
  11. OpenShift 4.6 新特性 - 用 Windows MachineConfig Operator 管理 Windows Container
  12. java空间大战,看这篇足矣了!
  13. asyu中datagrid load 与reload
  14. 移动端1px细线问题
  15. moodle环境安装linux,Linux下安装Moodle
  16. iphone如何删除“不可删除”的描述文件?(桌面快捷方式web clib)
  17. nginx反向代理实现直接域名访问
  18. 移动通信概述-架构篇
  19. Python图像处理库PIL的基本概念介绍(一)
  20. 电子凸轮追剪曲线生成算法 理解后可转成其他品牌PLC或任何一种编程语言

热门文章

  1. PTA 乙级 【1008】 数组元素循环右移问题
  2. Tapestry的数据校验功能
  3. python爬虫教程(1)-爬虫的好处
  4. R 基本函数sweep的使用(apply函数的利器)
  5. AI绘图实战(三):手绘出图机甲狂暴男 | Stable Diffusion成为设计师生产力工具
  6. Java开发教程!三面蚂蚁金服(交叉面)定级阿里P6
  7. Apache(httpd)的简介、安装以及如何使用
  8. Unity3d——打飞碟游戏(终极版)
  9. Java Swing 简介
  10. 高级WordPress主题开发完整指南