Maison  >  Article  >  interface Web  >  AbortController avec récupération

AbortController avec récupération

王林
王林original
2024-09-12 10:31:06804parcourir

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

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

  2. Signal : AbortController a une propriété 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!

Déclaration:
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