在單頁應用程式中使用後退按鈕時如何防止過時資料？

點擊後退按鈕刷新頁面

使用後退按鈕導航通常會導致意外行為，尤其是在使用.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中文網其他相關文章！