Heim > Web-Frontend > js-Tutorial > Wie verhindert man das Browser-Caching von AJAX-Anrufergebnissen?

Wie verhindert man das Browser-Caching von AJAX-Anrufergebnissen?

Susan Sarandon
Freigeben: 2024-11-19 16:50:03
Original
394 Leute haben es durchsucht

How to Prevent Browser Caching of AJAX Call Results?

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 });
Nach dem Login kopieren

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() }
});
Nach dem Login kopieren

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
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage