FE/html

[Error] Failed to convert value of type 'java.lang.String' to required type 'java.lang.Long';

잔망루피 2021. 8. 5. 15:00
<script>
        function deletePost(){
        let id=document.getElementById('postId').value;
        let isDelete=confirm("정말 삭제하시겠습니까?");
        if(isDelete){
            window.location.href="/post/delete/"+id;
        }
        }
        </script>

삭제 버튼의 기능

 

<input type=hidden id="postId" value="${post.id}">

id 값

 

<a type="button" class="btn btn-primary" onclick="deletePost();">삭제</a>

삭제 버튼

 

 

아래와 같은 에러가 발생함 ㅠㅠㅠ

WARN 37728 --- [nio-8080-exec-2] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.method.annotation.MethodArgumentTypeMismatchException: Failed to convert value of type 'java.lang.String' to required type 'java.lang.Long'; nested exception is java.lang.NumberFormatException: For input string: "${post.id}"]

타입 에러가 발생했다는 건데...

 

 

🍯 해결

<input type=hidden id="postId" th:value="${post.id}">

알고보니 value로 준 값이 "${post.id}" 그대로 가서 발생한 에러였다.

thymeleaf의 th:value를 써서 해결

반응형

'FE > html' 카테고리의 다른 글

form을 submit하는 3가지 태그(button, a, input)  (0) 2021.11.24
[Thymeleaf] 로그인, 로그아웃 버튼  (0) 2021.11.19
[Thymeleaf] th:each  (0) 2021.07.22
홈 화면으로 돌아가는 버튼 만들기  (0) 2021.06.26
html 표  (0) 2021.06.05