使用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并不支持这些特殊符号。解决方案为如下:

如代码中所示,在加入/**/这个标签后,就可以在js使用任何特殊字符了。

问题三

在jsp改造为html时,类似标签包含的字段,遇到这种情况,如果用,或者

等标签,可能会有自己不想要的样式,导致样式混乱。通常这时候可以使用一下thymleaf特有的标签,这个标签是没有样式的,很多情况下都可以满足。

 

你可能感兴趣的:(前端,thymleaf)