확인 양식 다시 제출 대화 상자 방지

양식을 제출한 후 페이지를 새로 고칠 때 정보 다시 제출을 경고하는 확인 대화 상자가 나타날 수 있습니다. 이는 특히 양식 제출을 반복적으로 수행하는 사용자에게 불편을 줄 수 있습니다. 이 문서에서는 이 대화 상자가 나타나는 것을 방지하는 방법을 살펴봅니다.

효과적인 접근 방식 중 하나는 다시 로드된 페이지의 HTML에 JavaScript를 사용하는 것입니다. 다음 코드를 구현하여:

if ( window.history.replaceState ) {
  window.history.replaceState( null, null, window.location.href );
}

이 코드는 브라우저 기록을 업데이트하므로 다시 제출 확인이 필요하지 않습니다. 이 방법은 최초 제출 후 양식 정보를 지워 재제출 경고를 유발하는 데이터를 제거하는 방식으로 작동합니다. 결과적으로 확인 대화 상자가 표시되지 않고 페이지를 새로 고칠 수 있습니다.