使⽤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[*/
thymeleaf用法if(usercode == "" || usercode==null){undefined
redirectUrl = location.href + "&usercode=1";
}
/*]]>*/
</script>
如代码中所⽰，在加⼊/*<![CDATA[*/......... /*]]>*/这个标签后，就可以在js使⽤任何特殊字符了。
问题三
在jsp改造为html时，类似<c:if></c:if>标签包含的字段，遇到这种情况，如果⽤<span>，或者<div>等标签，可能会有⾃⼰不想要的样式，导致样式混乱。通常这时候可以使⽤⼀下thymleaf特有的标签<th:block></th:block>，这个标签是没有样式的，很多情况下都可以满⾜。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。