thymeleaf中javascript使用model中的数据

thymeleaf模板为前端数据的获取提供了不小的便利，html在标签内即可通过${}语法操作model数据。今天整理了用javascript获取model中数据的方法：

<script type="text/javascript" th:inline="javascript">    var a = [[${data}]]
</script>

其中[[...]]为内联文本的表示方式，使用时，必须先用th:inline="text/javascript/none"激活。

还有一种方法，使用隐藏域：

先将值取到htmldom节点中：<input type="hidden" th:value=“${data} ” id="data">  
js中再从dom节点取数据 :  var data=${"#data"}.val()

两种方法提倡前者，毕竟可以直接得到数据不需要中介。