Wie kann ich eine Fetch()-Anfrage in JavaScript abbrechen?

Abbrechen von HTTP-Fetch()-Anfragen: Eine Schritt-für-Schritt-Anleitung

Die neue fetch()-API für JavaScript ermöglicht Entwicklern die Erstellung Effiziente HTTP-Anfragen. Es stellen sich jedoch Fragen zur Möglichkeit, Anfragen während des Fluges zu stornieren. Während es anfangs keinen eingebauten Mechanismus gab, wurde kürzlich eine neue Funktion eingeführt: der Signalparameter.

TL/DR:

Stand September 2017, fetch () führte den Signalparameter ein. Die Browserunterstützung variiert jedoch.

UPDATE 2020:

Die meisten gängigen Browser unterstützen jetzt den Signalparameter (Edge, Firefox, Chrome, Safari, Opera usw.).

So funktioniert es:

1. Erstellen Sie eine AbortController.
2. Erhalten Sie das Signal des AbortControllers.
3. Übergeben Sie das Signal an fetch() als Argument.
4. Brechen Sie die Anfrage bei Bedarf ab.

Beispiel:

const controller = new AbortController();
const signal = controller.signal;

fetch(urlToFetch, {
    method: 'get',
    signal: signal,
})
.then(function(response) {
    console.log(`Fetch complete. (Not aborted)`);
}).catch(function(err) {
    console.error(` Err: ${err}`);
});

controller.abort();

Bitte beachten Sie, dass die Browserunterstützung für Diese Funktion kann variieren. Da die Browser jedoch weiterhin aktualisiert werden, wird voraussichtlich bald eine umfassende Unterstützung für das Abbrechen von fetch()-Anfragen verfügbar sein.

Das obige ist der detaillierte Inhalt vonWie kann ich eine Fetch()-Anfrage in JavaScript abbrechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!