Thymeleaf 获取model中的值和JS获取Model中的数据

矫情吗；* 2022-10-11 00:59 169阅读 0赞

json

{
    	"id": 82,
    	"workNumber": "M202105241431",
    	"issueNumber": "202105241431",
    	"workName": "99999",
    	"beginTime": "2021-05-24 14:31:00",
    	"endTime": "2021-05-24 14:31:00",
    	"proposer": "9999999",
    	"applyTime": "2021-05-24 14:31:00",
    	"type": 1,
    	"fenceId": "202105241537",
    	"ids": null,
    	"deviceIds": null,
    	"contractorId": null,
    	"pageBean": {
    		"page": 1,
    		"rows": 1,
    		"total": 0,
    		"pagination": false
    	},
    	"organId": 0,
    	"fence": {
    		"fid": "c400950fbbcc46e0aad3ab2c1527f4bf",
    		"name": null,
    		"polygon": "POLYGON((108.609408309177 21.7154145609395,108.609416256597 21.7154225081542,108.609424203689 21.7154145609395,108.609408309177 21.7154145609395))",
    		"geom": null,
    		"placeId": "97",
    		"buildingId": 1,
    		"floorId": "01",
    		"lonLats": [
    			[108.609408309177, 21.7154145609395],
    			[108.609416256597, 21.7154225081542],
    			[108.609424203689, 21.7154145609395],
    			[108.609408309177, 21.7154145609395]
    		]
    	}
    };

1:Thymeleaf 获取model中的值  
访问model中的数据  
//通过“$\{\}”访问model中的属性

<input type="text" id="id" hidden="true" th:value="${workDetail.id}" />
    
    <input type="text" th:value="${workDetail.workNumber}" id="workNumber"></input>
    
    <input type="text" th:value="${workDetail.issueNumber}" id="issueNumber">
    
    <input type="text" th:value="${workDetail.workName}" id="workName"></input>

2:JS获取Model中的数据

<script th:inline="javascript">
            var a = [[${workDetail}]];
    		var b = [[${workDetail.id}]];
    		var c = [[${workDetail.workNumber}]];
    		var d = [[${workDetail.issueNumber}]];
    		var e = [[${workDetail.workName}]];
    		var f = [[${workDetail.fence.lonLats}]];
    </script>

![972d41a4ec057f7b166ba994a8a932b8.png][]

var a = {"id":82,"workNumber":"M202105241431","issueNumber":"202105241431","workName":"99999","beginTime":"2021-05-24 14:31:00","endTime":"2021-05-24 14:31:00","proposer":"9999999","applyTime":"2021-05-24 14:31:00","type":1,"fenceId":"202105241537","ids":null,"deviceIds":null,"contractorId":null,"pageBean":{"page":1,"rows":1,"total":0,"pagination":false},"organId":0,"fence":{"fid":"c400950fbbcc46e0aad3ab2c1527f4bf","name":null,"polygon":"POLYGON((108.609408309177 21.7154145609395,108.609416256597 21.7154225081542,108.609424203689 21.7154145609395,108.609408309177 21.7154145609395))","geom":null,"placeId":"97","buildingId":1,"floorId":"01","lonLats":[[108.609408309177,21.7154145609395],[108.609416256597,21.7154225081542],[108.609424203689,21.7154145609395],[108.609408309177,21.7154145609395]]}};
    		var b = 82;
    		var c = "M202105241431";
    		var d = "202105241431";
    		var e = "99999";
    		var f = [[108.609408309177,21.7154145609395],[108.609416256597,21.7154225081542],[108.609424203689,21.7154145609395],[108.609408309177,21.7154145609395]];
    		var g = '[[108.609408309177,21.7154145609395],[108.609416256597,21.7154225081542],[108.609424203689,21.7154145609395],[108.609408309177,21.7154145609395]]';

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]

[972d41a4ec057f7b166ba994a8a932b8.png]: /images/20221005/b3c0331564d84e039338ad2e10f59a5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70]: /images/20221005/8253652c268243cdb55e03897c6ad15c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，169人围观）

还没有评论，来说两句吧...

相关阅读

相关 OC中转化成Model 和普通的NString获取值的不同

-[__NSDictionaryI setObject:forKey:]: unrecognized selector sent to instance

╰半夏微凉°/ 2024年05月03日 14:47/ 0 赞/ 32 阅读

相关 thymeleaf模板获取model和modelandview值的问题

var article_public_id = [[${article_public_id}]]; 欢迎关注我的微信公众号,更多内容将在微信公众号中发布： ...

淡淡的烟草味﹌/ 2024年04月18日 21:47/ 0 赞/ 46 阅读

相关使用Jquery获取thymeleaf中checkbox的值

场景使用thymeleaf模板，需要在列表展示中添加多选框，实现勾选后能获取到勾选的数据的属性。 ![Image 1][]![watermark_type_ZmFuZ

超、凢脫俗/ 2023年10月18日 15:58/ 0 赞/ 104 阅读

相关前端js获取SpringMvc后台model中传值

> 也许你迷茫，但是我想说，在你迷茫的同时，保持本心，过好今天就好。使用 SpringBoot +SpringMVC +thymeleaf 组合实现的功能，期望在 thym

迈不过友情╰/ 2023年10月07日 17:34/ 0 赞/ 19 阅读

相关 SpringMVC js如何获取后台model中的属性值

SpringMVC js如何获取后台model中的属性值 ![20191014163439701.png][] companylist 如何获取 ![2019101416

深碍√TFBOYSˉ_/ 2023年06月07日 10:53/ 0 赞/ 162 阅读

相关 Thymeleaf 获取model中的值和JS获取Model中的数据

json { "id": 82, "workNumber": "M202105241431", "issueNumber": "2021

矫情吗；*/ 2022年10月11日 00:59/ 0 赞/ 170 阅读

相关 Thymeleaf 获取model中的值和JS获取Model中的数据

json { "id": 82, "workNumber": "M202105241431", "issueNumbe

一时失言乱红尘/ 2022年10月07日 05:00/ 0 赞/ 163 阅读

相关 Java中Model1和Model2

Model1和Model2是java web的两种架构模式。这两种模式各有优缺点，都有各自适合使用的场景。 Model1 首先，从分层的角度

柔情只为你懂/ 2022年08月04日 05:06/ 0 赞/ 160 阅读

相关 js获取后台model中的值

[https://blog.csdn.net/qq\_29347295/article/details/78904108][https_blog.csdn.net_qq_293

朱雀/ 2022年03月15日 05:58/ 0 赞/ 440 阅读

相关获取Django中model字段名字段的verbose_name

obj.\_meta.fields 为关键 obj为model类推荐使用函数 from django.apps import apps def

不念不忘少年蓝@/ 2022年02月15日 06:56/ 0 赞/ 358 阅读