Maison > interface Web > js tutoriel > AbortController avec récupération

AbortController avec récupération

王林
Libérer: 2024-09-12 10:31:06
original
966 Les gens l'ont consulté

AbortController with Fetch

AbortController en JavaScript est un utilitaire utilisé pour annuler ou abandonner des opérations asynchrones, telles que des requêtes de récupération ou d'autres tâches telles que des écouteurs d'événements, qui peuvent prendre du temps. Il permet d'arrêter une opération qui n'est plus nécessaire, ce qui est utile pour améliorer les performances et gérer les ressources.

Exemple de cas d'utilisation :

// Create an AbortController instance
const controller = new AbortController();
const signal = controller.signal;

// Start a fetch request with the signal attached
fetch('https://api.example.com/data', { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('Fetch request was aborted');
    } else {
      console.error('Fetch error:', err);
    }
  });

// If we need to cancel the request:
controller.abort(); // This will abort the fetch request

Copier après la connexion
  1. Contrôleur : L'AbortController crée un contrôleur qui gère le processus d'abandon.

  2. Signal : AbortController a une propriété de signal que vous pouvez transmettre à des fonctions comme fetch(). Ce signal est utilisé pour communiquer quand l'opération doit être interrompue.

  3. Méthode abort() : Lorsque vous appelez la méthode abort(), elle déclenche le signal et annule l'opération.

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal