spring boot学习笔记之thymeleaf中使用onclick报错

最新推荐文章于 2020-03-05 17:00:55 发布
最新推荐文章于 2020-03-05 17:00:55 发布
阅读量342 收藏
点赞数
分类专栏： spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Vaingloryss/article/details/89378185
版权

在spring boot学习过程中使用thymeleaf模板引擎的onclick时出现异常。

错误代码：

<button class="btn" th:onclick="'getName(\''+${person.name}+'\');'">获得名字</button>

异常信息：

org.thymeleaf.exceptions.TemplateProcessingException: Only variable expressions 
returning numbers or booleans are allowed in this context, any other datatypes are 
not trusted in the context of this expression, including Strings or any other object 
that could be rendered as a text literal. A typical case is HTML attributes for event 
handlers (e.g. "onload"), in which textual data from variables should better be 
output to "data-*" attributes and then read from the event handler. (template: 
"index" - line 31, col 27)
	at org.thymeleaf.standard.expression.VariableExpression.executeVariableExpression(VariableExpression.java:181) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.SimpleExpression.executeSimple(SimpleExpression.java:66) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.Expression.execute(Expression.java:109) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.AdditionExpression.executeAddition(AdditionExpression.java:96) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.ComplexExpression.executeComplex(ComplexExpression.java:62) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.Expression.execute(Expression.java:112) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.AdditionExpression.executeAddition(AdditionExpression.java:89) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.ComplexExpression.executeComplex(ComplexExpression.java:62) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.Expression.execute(Expression.java:112) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.expression.Expression.execute(Expression.java:138) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.standard.processor.StandardDOMEventAttributeTagProcessor.doProcess(StandardDOMEventAttributeTagProcessor.java:214) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.processor.element.AbstractAttributeTagProcessor.doProcess(AbstractAttributeTagProcessor.java:74) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.processor.element.AbstractElementTagProcessor.process(AbstractElementTagProcessor.java:95) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.util.ProcessorConfigurationUtils$ElementTagProcessorWrapper.process(ProcessorConfigurationUtils.java:633) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.ProcessorTemplateHandler.handleOpenElement(ProcessorTemplateHandler.java:1314) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.OpenElementTag.beHandled(OpenElementTag.java:205) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.Model.process(Model.java:282) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.Model.process(Model.java:290) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.IteratedGatheringModelProcessable.processIterationModel(IteratedGatheringModelProcessable.java:367) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.IteratedGatheringModelProcessable.process(IteratedGatheringModelProcessable.java:221) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.ProcessorTemplateHandler.handleCloseElement(ProcessorTemplateHandler.java:1640) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.CloseElementTag.beHandled(CloseElementTag.java:139) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.TemplateModel.process(TemplateModel.java:136) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.engine.TemplateManager.parseAndProcess(TemplateManager.java:661) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1098) [thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1072) [thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.spring5.view.ThymeleafView.renderFragment(ThymeleafView.java:362) [thymeleaf-spring5-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.thymeleaf.spring5.view.ThymeleafView.render(ThymeleafView.java:189) [thymeleaf-spring5-3.0.11.RELEASE.jar:3.0.11.RELEASE]
	at org.springframework.web.servlet.DispatcherServlet.render(DispatcherServlet.java:1370) [spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.servlet.DispatcherServlet.processDispatchResult(DispatcherServlet.java:1116) [spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:1055) [spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:942) [spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:1005) [spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.servlet.FrameworkServlet.doGet(FrameworkServlet.java:897) [spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:634) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:882) [spring-webmvc-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:741) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:231) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:53) [tomcat-embed-websocket-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.springframework.web.filter.RequestContextFilter.doFilterInternal(RequestContextFilter.java:99) [spring-web-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107) [spring-web-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.springframework.web.filter.FormContentFilter.doFilterInternal(FormContentFilter.java:92) [spring-web-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107) [spring-web-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.springframework.web.filter.HiddenHttpMethodFilter.doFilterInternal(HiddenHttpMethodFilter.java:93) [spring-web-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107) [spring-web-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.springframework.web.filter.CharacterEncodingFilter.doFilterInternal(CharacterEncodingFilter.java:200) [spring-web-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107) [spring-web-5.1.6.RELEASE.jar:5.1.6.RELEASE]
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:200) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:96) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:490) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:139) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:92) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:74) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:343) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:408) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:66) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:834) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1415) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at java.util.concurrent.ThreadPoolExecutor.runWorker(Unknown Source) [na:1.8.0_201]
	at java.util.concurrent.ThreadPoolExecutor$Worker.run(Unknown Source) [na:1.8.0_201]
	at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61) [tomcat-embed-core-9.0.17.jar:9.0.17]
	at java.lang.Thread.run(Unknown Source) [na:1.8.0_201]

错误原因：

thymeleaf的onclick事件写法错误，前端识别不了导致运行失败。

正确写法：

<button class="btn" th:onclick="getName([[${person.name}]]);">获得名字</button>

这样修改之后错误得以解决。

Vaingloryss
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
thymeleaf使用th:onclick()事件时出现的问题
专注写bug
08-16 2188
springBoot整合thymeleaf时th：onclick事件 问题： 今天在尝试使用springBoot整合thymeleaf时，使用了th：onclick（）事件 原代码： <button class="btn" th:onclick="'getName(\''+${person.name}+'\');'">获得名字</button> 报错 2018...
thymeleaf页面调用js方法传参报错：exceptions.TemplateInputException:Only variable expressions returning 。。。
莫道青天真无道，能逍遥时且逍遥！
07-02 2564
使用thymeleaf，html页面调用js方法时候传一个参数, 如下写法不报错: <a th:onclick="'update('+ ${data.id} +');'"> 修改</a> 但是，当传入两个参数的时候，代码如下： <a th:onclick="'update('+${data.id}+','+${data.name}+');'" >修改...
Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码
08-30
主要介绍了Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码,需要的朋友可以参考下
SpringBoot集成thymeleaf中onclick传参的各种方法,别再被坑了，我被坑了一天。
lb_hard的博客
03-05 1989
SpringBoot2.1.6版本 --亲测可用 <a href="javascript:;" title="删除" th:data-toggle="${indent.getWholesalerId()} th:onclick="remove(this.getAttribute('data-toggle'));"删除</a> 之前的用法 <a href="...
Spring Boot 与 kotlin 使用Thymeleaf模板引擎渲染web视图的方法
08-28
Spring Boot与Kotlin结合使用Thymeleaf模板引擎渲染Web视图是一种常见的做法，尤其在构建现代化的MVC应用程序中。Thymeleaf是一个强大的、灵活的模板引擎，支持XML、XHTML和HTML5，其设计目标是提供一种在前端展示...
采用Spring Boot + JPA + Thymeleaf实现的旅游之旅系统
最新发布
04-26
采用Spring Boot + JPA + Thymeleaf实现的旅游之旅系统是一款为用户提供丰富旅游信息和服务的网络平台。该系统整合了Spring Boot框架的快速开发特性、JPA技术的对象关系映射和数据库操作能力，以及Thymeleaf模板引擎...
spring boot+bootstrap+thymeleaf
04-10
在"bootdemo"这个项目中，很可能是包含了一个使用Spring Boot、Bootstrap和Thymeleaf开发的基础模板。这个模板可能包含了基本的路由配置、数据访问对象（DAO）、服务层（Service）以及控制器（Controller）的实现，...
Spring Boot 整合 Shiro+Thymeleaf过程解析
08-25
在 Spring Boot 应用程序中整合 Thymeleaf 需要添加 Thymeleaf 相关的依赖项，例如 spring-boot-starter-thymeleaf 依赖项。然后，需要编写配置类来配置 Thymeleaf 的模板引擎。Thymeleaf 模板引擎提供了一个灵活且...
Spring Boot使用Thymeleaf作为模板引擎时，属性th:onclick问题
跟着BOSS有肉吃
10-14 2580
最近在学习SpringBoot使用Thymeleaf作为模板引擎时，运行时出现如下错误： 2019-10-14 09:14:20.677 DEBUG 26132 --- [nio-8080-exec-4] o.s.web.servlet.DispatcherServlet : GET "/thymeleaf", parameters={} 2019-10-14 09:14:20....
Thymeleaf 3.0.11.RELEASE 官方文档 简体中文
07-30
Thymeleaf是一个Java XML / XHTML / HTML5 模板引擎 ，可以在Web（基于servlet ）和非Web环境中工作。 它更适合在基于MVC的Web应用程序的视图层提供XHTML / HTML5，但它甚至可以在脱机环境中处理任何XML文件。 它提供完整的Spring Framework。
spring-boot2.0 thymeleaf bootstrap 整合示例
09-03
spring-boot2.0 thymeleaf bootstrap 整合的一个示例项目，使用idea开发。步骤如下： 首先在idea或者eclipse(STS)中新建springboot项目，在选择依赖（Dependences）时引入web和thymeleaf。 接着我们将新建需要用到的3个文件，模拟真实开发过程中mvc这块内容。 需要新建的文件有实体类 Article.java，控制器 SiteController.java，页面 index.html。
th:onclick动态传参：org.thymeleaf.exceptions.TemplateProcessingException: Only variable expressions retur
qq_42320048的博客
06-14 885
今天遇到了一个th:onclick调用JS方法传参的问题，整理一下分享给大家。 我的代码是这样写的 <span th:onclick="'javascript:fun(\''+${newsInformation.herf}+'\')'">查看详情</span > 然后就会报错，之前经常用th:onclick传id，都可以正常运行，所以这个错误也百思不解。 看一...
Mark一个关于Thymeleaf 使用th:field属性与对象属性绑定的小问题
热门推荐
程序员小辰的代码小窝
03-04 1万+
Mark一个关于Thymeleaf 使用th:field属性与对象属性绑定的小问题 最近在尝试用Spring Boot + Thymeleaf搭建一个个人博客，其中Article类中有一个属性如下定义： private List&lt;String&gt; contentParagraphs; 需求是将前端页面的textarea文本域与contentParagraphs属性绑定，而前端页...
Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING的一次修复
Seeker-Wu的专栏
12-06 1万+
在通过ajax+springmvc+jsp页面在ModelAndView中携带了要显示的属性，然后提示错误：Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING. 具体错误图如下： 但是断点到服务器端，没有问题对象成功返回了。 因为数据是通过map封装了list作为value值来解析，然后对list中的对象又做了判
thymeleaf模板使用th:onclick进行传参
u012501054的博客
11-13 7724
错误的写法： th:onclick="'javascript:editUser('+${prod.id}+');'" 错误原因是因为:如果${prod.id}是整数上面那样写是可以的，但如果是字符串，就必须用下面正确的写法(具体可以通过检查元素来查看到底传的是什么参数，该转义就转义就可以了) 正确的写法： th:onclick="'javascript:editUser(\''+${p...
Spring Boot学习资料教程.docx
11-01
在Spring Boot的学习过程中，首先会接触到的是"Hello World"，这是每个开发者的起点。通过Spring Initializr快速创建项目，然后在IDEA中导入。创建`@RestController`控制器，编写返回"Hello World"的简单方法。`@...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值