Heim  >  Artikel  >  Backend-Entwicklung  >  Wie kann verhindert werden, dass veraltete Daten bei Verwendung der Zurück-Schaltfläche in Einzelseitenanwendungen angezeigt werden?

Wie kann verhindert werden, dass veraltete Daten bei Verwendung der Zurück-Schaltfläche in Einzelseitenanwendungen angezeigt werden?

Barbara Streisand
Barbara StreisandOriginal
2024-10-26 19:46:02850Durchsuche

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

Seite beim Klicken auf die Zurück-Schaltfläche aktualisieren

Das Navigieren mit der Zurück-Schaltfläche kann oft zu unbeabsichtigtem Verhalten führen, insbesondere wenn .htaccess zum Weiterleiten des Datenverkehrs verwendet wird auf eine einzelne Seite. Das Problem tritt auf, weil die Schaltfläche „Zurück“ dazu dient, die zwischengespeicherte Version der Seite abzurufen, was zu veralteten Daten führt.

Um dieses Problem zu beheben, erkunden wir alternative Lösungen:

Seite mit Zeitstempel

Erstellen Sie eine neue PHP-Datei, die einen Zeitstempel anzeigt. Dadurch können Sie erkennen, wann die Seite aktualisiert wurde:

<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>

Dieser Ansatz stellt sicher, dass die Seite immer neu geladen wird, wenn Sie die Zurück-Schaltfläche verwenden.

Versteckte Feldsicherung

Eine andere Lösung besteht darin, ein verstecktes Formularfeld zu erstellen, das den aktuellen Status dynamisch erstellter Elemente speichert. Beim Laden der Seite kann dieses Feld verwendet werden, um die Elemente wiederherzustellen:

<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>

Dieser Ansatz behält den Status der Seite auch nach Verwendung der Zurück-Schaltfläche bei.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass veraltete Daten bei Verwendung der Zurück-Schaltfläche in Einzelseitenanwendungen angezeigt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn