뒤로 버튼을 누른 후 양식 다시 제출하지 못하게하십시오.

Question

여기에 약간의 상황이 있습니다. 내 조직에서는 재고 관리 시스템을 설계하고 JSP 페이지와 서블릿을 기반으로하는 웹 애플리케이션을 처리합니다.

특정 문제를 해결하도록 요청 받았습니다. 주식 세부 사항이있는 HTML 양식 테이블이있는 JSP 페이지가 있습니다. 사용자가 세부 정보를 직접 입력하고 양식을 제출하면 데이터베이스에 재고 정보가 업데이트되어 제대로 작동합니다.

문제는 : 사용자가 브라우저의 뒤로 버튼을 누르면 사용자가 세부 정보를 제출 한 이전 페이지로 이동할 수 있습니다. 사용자가 제출하면 데이터가 데이터베이스에 한 번 더 저장됩니다.이 동작을 방지해야합니다. (뭔가 잘못되어 페이지를 새로 고침합니다.)

브라우저 캐시를 지우십시오. 코드가 정상적으로 작동합니다. 예상 한 결과는 아닙니다.

불행히도 회사 규정으로 인해 코드를 공유 할 수 없습니다. 필요한 것은이 동작이나 해결 방법을 막는 데 도움이됩니다. 사전에

감사합니다 ..

Answer 1

숨겨진 속성을 사용하여 javascript 기능을 사용하여 웹 페이지를 다시로드 할 수 있습니다. 사용자가 숨겨진 속성의 값에 따라 뒤로 버튼을 누르면 캐시 된 페이지를로드하지 않고 페이지가 다시로드됩니다.

캐시 지우기 접근 방식이 정확합니다. 이것과 함께이 접근법을 사용할 수 있습니다.이 방법의

<input type="hidden" id="refreshed" value="no"> 
    <script type="text/javascript"> 

      onload=function(){ 
       var e=document.getElementById("refreshed"); 
       if(e.value=="no")e.value="yes"; 
       else{e.value="no";location.reload();} 
      } 

    </script> 

한 가지 단점은 클라이언트의 브라우저가 비활성화 JS가있는 경우,이 작동한다 work.Otherwise 않을 것입니다.

Answer 2

당신은 후 리디렉션-가져 패턴을 사용해야합니다 https://en.m.wikipedia.org/wiki/Post/Redirect/Get을.

실제로는 method="post" 인 표준 HTML 양식을 사용할 때는 해당 패턴을 사용해야합니다. 실제로 AJAX가 게시 한 양식에는 사용할 수 없지만 실제로는 다른 솔루션 일 수 있지만 더 많은 작업과 아키텍처 변경이 필요합니다.

Answer 3

사용자가 브라우저의 뒤로 버튼을 누르면 사용자가 세부 정보를 제출 한 이전 페이지로 이동할 수 있습니다. 사용자가 을 제출하면 데이터가 데이터베이스에 한 번 더 저장됩니다.

어떻게 설명했는지에 따라 doGet 요청을 기반으로합니다. 즉, URL을 방문 할 때마다 추가 된 매개 변수와 함께 요청을 보냅니다. 당신이 게시물 방법에 양식을 전환 과의 doPost에 서블릿을 전환 경우 사람으로

이미 언급 한, 당신은 더 이상이 문제가되지 않습니다.

또는 자바 스크립트 솔루션으로이를 피할 수 있습니다. 다음은 몇 가지 옵션입니다.

• 사용자가 clicked the back button인지 확인하고 true 인 경우 양식을 사용 중지 할 수 있습니다.

• 또 다른 방법은 페이지로드시 확인하는 storing a cookie입니다. 존재하는 경우 양식을 사용 중지 할 수 있습니다.

Answer 4

당신은이 코드 당신이 정확한 코드를 공유 할 수 없습니다 이해도

$(document).ready(function() { 
    function disableBack() { window.history.forward() } 

    window.onload = disableBack(); 
    window.onpageshow = function(evt) { if (evt.persisted) disableBack() } 
});