Thymeleaf 里使用 JavaScript 时的注意事项

  1. JavaScript 处理 json
    1. JavaScript 取键值
    2. Thymeleaf 中 JavaScript 的使用

JavaScript 处理 json

JavaScript 取键值

[{"java":"300"},{"hadoop":"200"}]
var newList=[];
    for(var i = 0; i < list.length; i++){
        console.log(list[i]);
        for(var key in list[i]){
            var jobImg = new Object();
            jobImg.name = key;//键
            jobImg.value = list[i][key];//值
            newList.push(jobImg);
        }
    }

Thymeleaf 中 JavaScript 的使用


<script th:inline="javascript">
    /*<![CDATA[*/
    var place = [[${place}]];//取传来的值
    var placeJson = JSON.parse(placeSalary);//转为 Json 操作
    /*]]>*/
</script>

想要在 js 中取得 Controller 传来的值,需要以上格式。(这个格式很重要,之前出了些莫名其妙的 bug,就是因为这个原因。)

如果传来的是对象形式,那么取得的值将以字符串形式表现,最好转为 json 来使用。

如果后端直接传 json,就不必再转了。

还有些注意事项(主要是使用技巧),先暂不提。

文章标题:Thymeleaf 里使用 JavaScript 时的注意事项

文章字数:204

本文作者:禾七

发布时间:2018-04-09, 00:00:00

最后更新:2019-12-18, 15:46:53

原始链接:https://leay.net/2018/04/09/js-in-thymeleaf/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录