<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 |