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

最新推荐文章于 2023-12-23 23:10:03 发布
最新推荐文章于 2023-12-23 23:10:03 发布
阅读量915 收藏 1
点赞数
分类专栏： 实训问题 文章标签： js java javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hehehehao1/article/details/111465911
版权

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

hehehehao1
关注
专栏目录
【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
Thymeleaf+SpringMVC，如何从模板中获取数据
mark's technic world
09-17 3732
在一个典型的SpringMVC应用中，带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染。这个模型Map对视图进行完全的抽象，在使用Thymeleaf的情况下，它将是一个VariablesMap对象（即Thymeleaf模板执行上下文的属性）,使其可以用于模板重点表达式。 Spring中Model的attributes属性 SpringMVC调用可以在视
thymeleaf layui 表格js的天坑
DohkoX的博客
05-30 1227
开始layui生成表格js这样写的，一直报错，说什么解析页面时第一行就错了，就开始各种查原因，解析页面的底层代码都查一遍了也没看出来啥问题。后来把页面上一点点注释掉才发现是这段js有问题。 改成这样就TMD的就好了，花了一个多小时。 ...
thymeleaf动态获取从ajax中请求来的数据
qq_40902904的博客
02-07 3450
thymeleaf动态获取从ajax中请求来的数据 页面中放入一个label，点击测试按钮后刷新label内容 <label id="test" th:text="${date}"/> <button id="btn">测试</button> 在 $("#btn").click(function () { $.ajax({ url:"/role/event-
Thymeleaf遍历数据
weixin_46429290的博客
07-06 1728
遍历数据 要遍历表格数据并且显示出来，首先在一个页面中生命一个列表放一些信息做测试，以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
thymeleaf的使用
01-27
1. **变量表达式**： `${...}` 是Thymeleaf中用于获取上下文数据的基本方式，如`${user.name}"></p>`可以显示用户的名字。 2. **消息表达式**： `#{...}` 用于实现文本外部化，支持国际化（i18n），如`...
Web中常见的几种前端与后端交互数据的方式---servlet表格--layUI表格--thymeleaf表格
唐傘皮
07-05 1659
如果傘皮不能用代码改变世界，那就改变自己就好了~ 请把您的赞留给大神们，把下次一定留给俺，俺下次一定好好写（^ 狗头 ^）~ 文章目录一：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.
Spingboot+layui+thymeleaf前后端数据交互
qq_45846647的博客
06-26 3064
先上结果图： 我们通过查询数据库表格信息，将后端的数据信息传给前端的html页面，并且在在html页面中的table中显示。这时候我们可以通过layui渲染实现这个功能，那么我们怎么使用layui插件呢，我们可以通过layui的官方文档先了解下，layui数据表格文档 这里给我们介绍了三种渲染的方式 方法渲染 “自动化渲染”的手动模式，本质类似，只是“方法级渲染”将基础参数的设定放在了JS代码中，且原始的 table 标签只需要一个 选择器： html: <table id="userInfo
thymeleaf中文手册
01-16
Thymeleaf的核心概念之一是变量表达式（Variable Expressions），它允许开发者在模板中嵌入动态数据。这些表达式可以访问模型对象的属性，甚至执行简单的运算。例如，`${user.name}`可以获取模型中名为"user"的对象...
获取表格每行数据
qq_40113688的博客
04-24 169
$('#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 957
本篇主要介绍在 thymleaf 里获取表格某一行的值，如 id。
thymeleaf 显示学生信息表详细信息
m0_67587248的博客
03-17 422
显示页面详情
js渲染后获取不到html的值
我的世界
11-02 643
问题： 渲染html的时候用的是ajax for循环，渲染前未用ajax，用的静态测试，渲染后发现获取不到值，多级检查未发现代码错误原因。 解决： 获取不到值的原因是ajax执行顺序，在回调函数中加入window.parent.方法名();即可 ...
thymeleaf+layui+ajax，表格无法显示以及ajax动态渲染表格
weixin_45316851的博客
03-13 646
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 740
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 3806
场景 效果： DataTables官网： http://www.datatables.club/ 在你的项目中使用 DataTables，只需要引入三个文件即可，jQuery库，一个DT的核心js文件和一个DT的css文件。 这里使用的Thymeleaf模板，juqery是在foot中引用下面展示content部分。 实现 编写模板并引入js 首先在模板文件html中编写要显示...
ajax数据写入thymeleaf,ajax+springboot+thymeleaf的使用
weixin_29442031的博客
08-05 1339
最近的一个项目中 涉及到了一个功能 是关于地图的数据联动所以就需要用 ajax 来异步更新数据.之前搭了一个 springboot 的项目.所以就用在这个项目上进行了一次尝试.记录一下整个的过程 ,希望会对刚学习 ajax 的同学有所帮助.设计思路:前台的 div 中有一个数字 在前台获取到这个 id 然后传到后台后台获取到 id 为这个值得对象.再将这个对象在前台展示出来.出现的问题和解决办法....
Springboot整合Thymeleaf使用Datatable利用AJAX进行页面的查询功能完整实现
最新发布
hyc_zzn520的专栏
12-23 1288
没有比这再完整的Springboot整合Thymeleaf使用Datatable利用AJAX进行页面的查询功能实现
如何在外联js文件中获取到thymeleaf的数据呢
06-07
要在外部JavaScript文件中获取Thymeleaf数据，可以使用Thymeleaf的内联脚本和自定义属性。具体步骤如下： 1. 将数据绑定到HTML元素上，例如： ``` <div id="data" th:data-name="${name}" th:data-age="${age}"> ``` 2. 在外部JavaScript文件中使用getElementById()方法获取该元素，例如： ``` var data = document.getElementById("data"); ``` 3. 通过getAttribute()方法获取数据，例如： ``` var name = data.getAttribute("data-name"); var age = data.getAttribute("data-age"); ``` 这样就可以在外部JavaScript文件中获取到Thymeleaf的数据了。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值