수정 버튼 클릭시 알림창을 띄우고 요청 보내기

🎶 코드 수정 전

function updatePost(){
            let id=document.getElementById('postId').value;
            let isUpdate=confirm("정말 수정하시겠습니까?");
            if(isUpdate){
                window.location.href="/post/detail/"+id;
            }
        }

window.location.href는 GET방식으로 요청을 보낸다.

하지만, 내가 작성한 코드는 PUT방식으로 요청을 받아야했다.

 

 

🎶 코드 수정 후

function updatePost(){
    let id=document.getElementById('postId').value;
    let isUpdate=confirm("정말 수정하시겠습니까?");
    if(isUpdate){
        return true;
    }else {
        return false;
    }
}

<button type="submit" class="btn btn-primary" th:if="${#strings.equals(post.author, username)}" onclick="return updatePost();">수정</button>

updatePost 함수를 실행하고 true를 리턴받았을 때 form을 submit하는 버튼이다.

 

 

 

참고 👇

https://stackoverflow.com/questions/2367979/pass-post-data-with-window-location-href

pass post data with window.location.href