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

一时失言乱红尘 2022-10-07 05:00 162阅读 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]]';

[972d41a4ec057f7b166ba994a8a932b8.png]: /images/20221005/d570cf34df8348e09cb1d9c13f84a291.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

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

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

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

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

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

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