hrming

[Thymeleaf] JavaScript에서 Thymeleaf 변수 사용 본문

Thymeleaf

[Thymeleaf] JavaScript에서 Thymeleaf 변수 사용

hrming 2024. 3. 16. 16:41

Script 태그 안에서, Thymeleaf 변수를 사용하려고 하니 아래와 같은 에러를 만났다. 😣😣

 

Invalid character found in the request target [/review/delete id=${review.id} ].

The valid characters are defined in RFC 7230 and RFC 3986

 

JavaScript에서 Thymeleaf 변수를 사용하기 위해서는, [[ ${          } ]] 로 감싸줘야 한다고 한다. 

btnDeleteYes.addEventListener("click", function() {
        window.location.href = "/review/delete?id=" + [[${review.id}]];
        // 컨트롤러에서 넘어온 변수는 [[ ${   } ]] 로 감싸준다.
        modalDelete.style.display = "none";
    });

 

출처 및 참고: 

https://minisiri.tistory.com/43

 

[Thymeleaf] JavaScript에서 Thymeleaf 변수 사용하기

타임리프는 자바스크립트에서 타임리프를 편리하게 사용할 수 있도록 자바스크립트 인라인 기능을 제공합니다. 사용법 인라인 사용 전 렌더링 결과를 보면 userA라는 변수 이름이 그대로 남아

minisiri.tistory.com

 

'Thymeleaf' 카테고리의 다른 글

[Thymeleaf] Literal substitutions |  (0) 2024.03.19
[Thymeleaf] sec:authorize="!isAuthenticated()" 적용 안됨  (0) 2024.03.11
[Thymeleaf] Thymeleaf vs JSP  (0) 2024.02.26
'Thymeleaf' Related Articles more
Comments