三种js获取Thymeleaf参数的方法
在使用Thymeleaf进行数据填充的时候,发现使用jquery原始方式获取内容参数发现拿不到数据。将百度后看到的解决方案整理下来,仅供参考。
方法一:内联获取
<script>标签中 th:inline 一定不能少,通常在取值的前后会加上不同的注释,不过个人觉得这样子写太麻烦了这么多括号!
<p th:text="#{message}">default message</p>
<script th:inline="javascript">
var message = [[${message}]];
console.log(message);
</script>
方法二:隐藏域获取
将参数放到隐藏域中在获取
<p th:value="#{message}" type="hidden" id="data">default message</p>
//获取隐藏域里面的参数
<script type="text/javascript">
var data=${"#data"}.val();
var data=$("#data").val();
</script>
方法三:text文本获取
<p th:text="#{message}" id="data"></p>
<script type="text/javascript">
var bankCard1=$("#data").text();
</script>