페이지를 다시 로드할 때마다 양식 제출 상태를 어떻게 유지할 수 있습니까?

페이지 로드 간 변수 유지

문제:

양식 제출 이벤트를 캡처해야 하며 양식이 다음과 같은지 여부를 확인해야 합니다. 제출하면 페이지가 다시 로드된 후에도 이 정보를 유지하여 페이지가 다시 로드될 때 액세스할 수 있습니다. reloaded.

전역 변수를 사용한 잘못된 접근 방식:

<br>var clicked = false;</p>
<p>$(document).ready (함수() {<br> $("inputtype='submit'").attr("onclick", "form.act.value='detailSearch'; 클릭 = true; return true;");</p>
<p>if (클릭 == true ) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// show hidden fields

로그인 후 복사

} 그 외 {

// don't show hidden fields

}
});

이 코드는 양식 제출 상태를 전역 변수에 저장하려고 시도하지만 HTTP 때문에 효과적이지 않습니다. 상태 비저장이며 페이지를 다시 로드할 때마다 모든 변수가 재설정됩니다.

영구 데이터를 위한 솔루션 저장소:

쿼리 문자열:

• 양식 제출을 나타내는 매개변수로 쿼리 문자열을 업데이트합니다.
• 페이지 로드 시 쿼리를 구문 분석합니다. 제출된 양식 상태를 검색하는 문자열입니다.

웹 저장소:

• HTML5 웹 저장소를 사용하면 sessionStorage(임시 데이터용) 또는 localStorage(장기 데이터용)를 사용하여 페이지 로드 전반에 걸쳐 클라이언트측에 로컬로 데이터를 저장할 수 있습니다. data).

쿠키:

• 쿠키는 다양한 클라이언트 측 데이터 저장 옵션 중 하나입니다. domains.

window.name:

• 이름에도 불구하고 window.name은 문자열 값을 저장하는 데 사용할 수 있습니다.
• 쿠키와 달리 동일한 도메인의 여러 페이지에 걸쳐 유지되지만 현재 탭 내에서만 유지됩니다.

위 내용은 페이지를 다시 로드할 때마다 양식 제출 상태를 어떻게 유지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!