Heim >Web-Frontend >js-Tutorial >Wie verhindert man das Browser-Caching von AJAX-Anrufergebnissen?
Verhindern des Browser-Caching von AJAX-Anrufergebnissen
Das Caching von AJAX-Anrufergebnissen kann bei der Arbeit mit dynamischen Inhalten zu Herausforderungen führen. Um dies zu überwinden, untersuchen wir alternative Methoden, um das Caching des Browsers zu verhindern.
Verwendung der Cache-Option von jQuery
jQuery bietet eine unkomplizierte Lösung, um das Caching für alle zukünftigen AJAX-Anfragen zu deaktivieren . Mithilfe der Funktion $.ajaxSetup können Sie die Cache-Option auf „false“ festlegen und so verhindern, dass nachfolgende AJAX-Aufrufe zwischengespeichert werden:
$.ajaxSetup({ cache: false });
Alternative zu zufälligen QueryString-Strings
Das Anhängen einer eindeutigen Zeichenfolge an den QueryString kann zwar das Caching verhindern, ist jedoch möglicherweise nicht der wünschenswerteste Ansatz. Stattdessen kann die Zeitstempelmethode von jQuery einen eindeutigen Zeitstempel generieren, der an die Anforderungs-URL angehängt wird, um sicherzustellen, dass das Ergebnis nicht zwischengespeichert wird:
$.ajax({ url: 'some.php', method: 'GET', data: { timestamp: $.now() } });
Benutzerdefinierte Header erstellen
Andere Option besteht darin, benutzerdefinierte Header für die Anfrage festzulegen, um Caching zu verhindern. Wenn Sie beispielsweise die folgenden Header verwenden, wird der Browser angewiesen, die Antwort nicht zwischenzuspeichern:
cache-control: no-cache, no-store pragma: no-cache
HTTP-Statuscodes
Spezifische HTTP-Statuscodes können auch dazu verwendet werden Geben Sie an, dass eine Ressource nicht zwischengespeichert werden soll. Wenn Sie den Cache-Control-Header auf „max-age=0“ oder „no-store“ setzen, wird das Caching verhindert.
Cross-Origin Resource Sharing (CORS)
Bei AJAX-Anfragen Da CORS domänenübergreifend durchgeführt wird, kann es zu Störungen des Caching-Verhaltens kommen. Wenn bei Cross-Origin-Anfragen Caching-Probleme auftreten, sollten Sie die oben genannten Cache-Control-Header verwenden oder CORS-bezogene Einstellungen für Ihren Server erkunden.
Das obige ist der detaillierte Inhalt vonWie verhindert man das Browser-Caching von AJAX-Anrufergebnissen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!