타임리프(thymeleaf) javascript 변수 사용

form에서 사용하는 데이터라면 input에 담긴 데이터를 javascript에서 접근해서 사용하면 된다.

html 영역

<input type="hidden" id="dataId" name="dataId" th:value="${dataInfo.getDataId()}"/>

javascript 영역

var dataId = $("#dataId").val();

하지만 서버단에서 받아온 데이터를 바로 자바스크립트 변수에 넣어서 사용하고 싶을때가 있다. 

굳이 form에서 넘기는 데이터도 아닌데 input에 담고...접근하고...아주 귀찮다.

그래서 검색해보았더니 나온 것이 이것.

html 영역

<script th:inline="javascript">
    /* <![CDATA[ */
    var dataId = /*[[${dataInfo.getDataId()}]]*/;
    /* ]]> */
</script>

JSTL에 비해 상당히 붙는 것이 많다. 보기 불편하지만 나쁘지않다.