关于js获取表格中使用Thymeleaf渲染后数据的问题

最新推荐文章于 2024-03-15 10:51:24 发布
原创 最新推荐文章于 2024-03-15 10:51:24 发布 · 1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #java #javascript #html

博主用Thymeleaf渲染表格数据，想用ajax实现删除功能，发现用document.getElementById(“deletetype”)无法获取对象数据，经查询得知需用document.getElementById(“deletetype”).innerHTML将对象转换为属性具体数值来取值，还提到前端alert无法打印对象，console.log可以。

事情是这样的，我用Thymeleaf渲染了表格的数据
在这里插入图片描述
页面是这样的
在这里插入图片描述删除的功能我想用ajax实现，但是我发现普通的document.getElementById(“deletetype”)不好使了，根本就获取不到这一行的数据，因为我传进去的是一个对象，后来百度了两个小时才发现，这种情况取值需要用document.getElementById(“deletetype”).innerHTML
多个.innerHTML他会把数据类型从对象转换为这个对象的属性的具体数值，这时候就可以正常取数据了，
顺便插一句，前端使用alert是打印不出来对象的，用console.log打印的时候可以打印出来

thymeleaf的使用
01-27
1. **变量表达式**： `${...}` 是Thymeleaf中用于获取上下文数据的基本方式，如`${user.name}"></p>`可以显示用户的名字。 2. **消息表达式**： `#{...}` 用于实现文本外部化，支持国际化（i18n），如`...
精选资源
使用boot+thymeleaf进行增删改查
05-27
Thymeleaf允许在HTML中使用表达式，使得动态内容的渲染变得直观且易于理解。 要使用Spring Boot和Thymeleaf实现增删改查功能，你需要完成以下步骤： 1. **项目初始化**： 使用Spring Initializr创建一个新的...
Thymeleaf读取属性文件中的值
小异常的博客
06-28 2341
有的时候我们需要在 Thymeleaf 模板引擎 中读取 属性文件（.properties 文件）中的配置信息，不需要用 Java 传给模板引擎，在模板引擎中就能直接获取该值。 我们可以使用 Thymeleaf 提供的消息表达式（#{...}）来读取。其实读取属性文件，这样说不太恰当，准确的说应该是读取国际化资源文件。
Thymeleaf+SpringMVC，如何从模板中获取数据
mark's technic world
09-17 3807
在一个典型的SpringMVC应用中，带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染。这个模型Map对视图进行完全的抽象，在使用Thymeleaf的情况下，它将是一个VariablesMap对象（即Thymeleaf模板执行上下文的属性）,使其可以用于模板重点表达式。 Spring中Model的attributes属性 SpringMVC调用可以在视
Thymeleaf 实现数据动态渲染
呆萌很的博客
03-15 1298
Thymeleaf实现数据动态渲染，创建数据模型、创建controller、创建thymeleaf模板
thymeleaf layui 表格js的天坑
DohkoX的博客
05-30 1276
开始layui生成表格js这样写的，一直报错，说什么解析页面时第一行就错了，就开始各种查原因，解析页面的底层代码都查一遍了也没看出来啥问题。后来把页面上一点点注释掉才发现是这段js有问题。 改成这样就TMD的就好了，花了一个多小时。 ...
Thymeleaf遍历数据
weixin_46429290的博客
07-06 1841
遍历数据 要遍历表格数据并且显示出来，首先在一个页面中生命一个列表放一些信息做测试，以dynamic页面为例 @GetMapping("/dynamic_table") public String dynamic_table(Model model){ List<User> users = Arrays.asList(new User("zhangsan", "123"), new User("lisi", "456"), new Use
vue@click事件怎么获取Thymeleaf渲染表格中的数据
最新发布
03-08
好的，我现在需要回答用户的问题：“vue@click事件怎么获取Thymeleaf渲染表格中的数据”。用户之前询问过如何在Thymeleaf中回显对话框数据，现在转向了如何在Vue的点击事件中获取由Thymeleaf渲染的表格数据。我需要...
Web中常见的几种前端与后端交互数据的方式---servlet表格--layUI表格--thymeleaf表格
唐傘皮
07-05 1773
如果傘皮不能用代码改变世界，那就改变自己就好了~ 请把您的赞留给大神们，把下次一定留给俺，俺下次一定好好写（^ 狗头 ^）~ 文章目录一：servlet+jsp传数据（1）servlet代码（2）jsp代码（3）效果二：layUI传数据并实现表格数据填充（1）表格代码（2）JavaScript代码（3）后台json代码（4）效果三：thymeleaf传数据并实现表格数据填充（1）thymeleaf的引入（2）后台向HTML传数据（3）HTML数据处理 一：servlet+jsp传数据 （1）servle.
【SpringBoot】3、SpringBoot中整合Thymeleaf模板引擎
热门推荐
Asurplus
04-16 21万+
SpringBoot 为我们提供了 Thymeleaf 自动化配置解决方案，所以我们在 SpringBoot 中使用 Thymeleaf 非常方便 一、简介 Thymeleaf是一个流行的模板引擎，该模板引擎采用Java语言开发，模板引擎是一个技术名词，是跨领域跨平台的概念，在Java语言体系下有模板引擎，在C#、PHP语言体系下也有模板引擎。除了thymeleaf之外还有Velocity、Fr...
获取table下每一行td的值
03-31
NULL 博文链接：https://garson.iteye.com/blog/1396351
获取表格每行数据
qq_40113688的博客
04-24 207
$('#userinfoTable').each(function(index) { console.log(index) var table = []; $(this).find('tr').each(function() { var row = []; $(this).find('td>...
thymleaf 里获取表格某一行的 id 值
qq_43881663的博客
02-20 1159
本篇主要介绍在 thymleaf 里获取表格某一行的值，如 id。
thymeleaf 显示学生信息表详细信息
m0_67587248的博客
03-17 536
显示页面详情
thymeleaf动态渲染table
m0_37615458的博客
08-08 1万+
情况：刚接触thymeleaf模版，网上找了一些文章，也没有对jQuery.load(url,data)的参数加以说明，现在记录下，具体的请查看代码。 需求 ：动态无刷新的渲染表格内容，说白了就是前台html页面load(发请求，可以带参数)一个代码片段（table.html），代码片段中的业务js自己写就可以了。 注意： 1在控制类中给代码片段table.htm...
js渲染后获取不到html的值
我的世界
11-02 718
问题： 渲染html的时候用的是ajax for循环，渲染前未用ajax，用的静态测试，渲染后发现获取不到值，多级检查未发现代码错误原因。 解决： 获取不到值的原因是ajax执行顺序，在回调函数中加入window.parent.方法名();即可 ...
thymeleaf+layui+ajax，表格无法显示以及ajax动态渲染表格
weixin_45316851的博客
03-13 716
thymeleaf+layui+ajax org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/content.html]") Caused by: org.attoparser.Par...
thymleaf的基本使用及js向后台请求数据
qq_45689158的博客
05-26 885
thymleaf的基本使用 添加上述内容可以出现提示 对js代码的引入 1.对超出字数的部分进行省略，以及鼠标放置到上面显示完整字符 <td th:text="${#strings.abbreviate(blog.content,10)}" th:title="${blog.content}" width="200"></td><br> 2.遍历输出后端内容 <table> <tr> <td width="2
SpringBoot+Thymeleaf+DataTables实现数据的查询与显示
BADAO_LIUMANG_QIZHI的博客
04-23 3935
场景 效果： DataTables官网： http://www.datatables.club/ 在你的项目中使用 DataTables，只需要引入三个文件即可，jQuery库，一个DT的核心js文件和一个DT的css文件。 这里使用的Thymeleaf模板，juqery是在foot中引用下面展示content部分。 实现 编写模板并引入js 首先在模板文件html中编写要显示...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值