如何使用Jquery获取Thymeleaf参数的三种方式

三种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>