使用thymleaf时在js中取值问题

最近在使用springboot+thymleaf做项目，在使用thymleaf遇到了一些问题，记录一下。

问题一

使用thymleaf时，在js代码中取后台返回的值时，通常使用[[]${返回名称}]，当返回值是一个字符串的时候是没有问题的，但是如果返回值是一个对象，通过这种凡是取出来的是一个字符串，会导致对象中的值取不出来。

例如：返回的user是一个对象，可以这样取值：var user = [[${user}]]；取值之后打印出来的数据看似没有问题，是一个json对象，但是如果想通过user.username取出这个字段的名字就会失败，因为user是一个字符串，是不能这样处置的。查了一个资料，没有找到thymleaf中可以在js中直接取出对象的方法，只能将user转成对象，如下：

var user =JSON.parse( [[${user}]])；

通过这种将字符串转成对象的方式，可以实现user.username的取值方式。

问题二

js中如果使用&&符或者在js中拼接路径的时候使用&时，thymleaf并不支持这些特殊符号。解决方案为如下：

<script th:inline="javascript">
    /*<![CDATA[*/           
            if(usercode == "" || usercode==null){
                redirectUrl = location.href + "&usercode=1";
            }
      /*]]>*/
    </script>

如代码中所示，在加入/*<![CDATA[*/......... /*]]>*/这个标签后，就可以在js使用任何特殊字符了。

问题三

在jsp改造为html时，类似<c:if></c:if>标签包含的字段，遇到这种情况，如果用<span>，或者<div>等标签，可能会有自己不想要的样式，导致样式混乱。通常这时候可以使用一下thymleaf特有的标签<th:block></th:block>，这个标签是没有样式的，很多情况下都可以满足。