보라코딩

타임리프 자바스크립트 내 변수 사용하기 본문

코딩/Spring

타임리프 자바스크립트 내 변수 사용하기

new 보라 2023. 5. 22. 15:18

타임 리프 변수 ${}를 <script> 태그 내에서 사용하기 위해서는 th:inline="javascript"를 명시해주어야 하고, 스크립트 내에 /*<![CDATA[*/ /*]]>*/를 명시해주어야 한다. 또한 타임 리프 변수도 /*[[]]*/로 감싸주어야 한다.

 

<script th:inline="javascript">
/*<![CDATA[*/

function search() { const searchWord = document.getElementById('searchWord').value;
const page = /*[[${paging.page}]]*/;

location.href='list?page=' + page + '&searchWord=' + searchWord; }

/*]]>*/
</script>