Comment puis-je annuler une requête Fetch() en JavaScript ?

Annulation des requêtes HTTP Fetch() : un guide étape par étape

La nouvelle API fetch() pour JavaScript permet aux développeurs de créer Requêtes HTTP efficacement. Des questions se posent toutefois quant à la possibilité d’annuler les demandes en vol. Bien qu'il n'y ait pas de mécanisme intégré au départ, une nouvelle fonctionnalité a récemment été introduite : le paramètre signal.

TL/DR :

Depuis septembre 2017, récupérez () a introduit le paramètre signal. Cependant, la prise en charge des navigateurs varie.

MISE À JOUR 2020 :

La plupart des principaux navigateurs prennent désormais en charge le paramètre de signal (Edge, Firefox, Chrome, Safari, Opera, etc.).

Comment ça marche :

1. Créez un AbortController.
2. Obtenez le signal de l'AbortController.
3. Transmettez le signal à fetch() comme argument.
4. Abandonnez la requête chaque fois que nécessaire.

Exemple :

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();

Veuillez noter que la prise en charge du navigateur pour cette fonctionnalité peut varier. Cependant, à mesure que les navigateurs continuent de se mettre à jour, une prise en charge généralisée de l'annulation des requêtes fetch() devrait bientôt être disponible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!