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

矫情吗；* 2022-10-11 00:59 167阅读 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 条评论，167人围观）

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

相关阅读

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

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

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

相关 sequelize中model的数据类型

Sequelize.STRING // VARCHAR(255) Sequelize.STRING(1234) // VARCHAR(1234) Seq

迷南。/ 2022年12月02日 13:49/ 0 赞/ 142 阅读

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

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

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

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

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

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

相关 Java中Model1和Model2

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

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

相关 NodeJs 中的 Model

Node 应用由模块组成，采用 CommonJS 模块规范每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。每个

野性酷女/ 2022年05月28日 10:51/ 0 赞/ 189 阅读

相关 thymeleaf html页面获取session中的数据

1.Controller层代码 @RequestMapping("userLogin") session.setAttribute("userName", us

àì夳堔傛蜴生んèń/ 2022年04月23日 10:14/ 0 赞/ 623 阅读

相关 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 赞/ 356 阅读

相关 SQLAlchemy中Model.query和session.query(Model)的区别

> 今天在看以前的代码的时候发现了一个问题，就是在进行数据查询的时候有的地方用到的写法不一致，虽然处理的结果都没有问题，但是秉着一致的原则（也可能是强迫症…）还是决定将用法统一

╰半夏微凉°/ 2021年12月14日 12:53/ 0 赞/ 361 阅读