단일 페이지 애플리케이션에서 뒤로 버튼을 사용할 때 오래된 데이터를 방지하는 방법은 무엇입니까?

Barbara Streisand
풀어 주다: 2024-10-26 19:46:02
원래의
754명이 탐색했습니다.

How to Prevent Stale Data When Using the Back Button in Single-Page Applications?

뒤로 버튼 클릭 시 페이지 새로 고침

뒤로 버튼을 사용하여 탐색하면 특히 .htaccess를 사용하여 트래픽을 라우팅할 때 의도하지 않은 동작이 발생할 수 있습니다. 한 페이지로. 이 문제는 페이지의 캐시된 버전을 검색하여 뒤로 버튼이 작동하여 오래된 데이터가 발생하기 때문에 발생합니다.

이 문제를 해결하려면 대체 솔루션을 살펴보겠습니다.

타임스탬프 페이지

타임스탬프를 표시하는 새 PHP 파일을 만듭니다. 이렇게 하면 페이지가 새로 고쳐진 시기를 확인할 수 있습니다.

<code class="php"><?php
header("Cache-Control: no-store, must-revalidate, max-age=0");
header("Pragma: no-cache");
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
echo time();
?>
<a href="http://google.com">aaaaa</a></code>
로그인 후 복사

이 접근 방식을 사용하면 뒤로 버튼을 사용할 때 페이지가 항상 다시 로드됩니다.

숨겨진 필드 백업

또 다른 해결 방법은 동적으로 생성된 요소의 현재 상태를 저장하는 숨겨진 양식 필드를 만드는 것입니다. 페이지 로드 시 이 필드를 사용하여 요소를 복원할 수 있습니다.

<code class="html"><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></code>
로그인 후 복사

이 접근 방식은 뒤로 버튼을 사용한 후에도 페이지 상태를 유지합니다.

위 내용은 단일 페이지 애플리케이션에서 뒤로 버튼을 사용할 때 오래된 데이터를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!