Fetch API - Web APIs
[Link]/en-US/docs/Web/API/Fetch_API
9 avril 2025
L'API Fetch utilise Requestdes Responseobjets (et d'autres éléments liés aux requêtes réseau), ainsi que des concepts connexes tels que CORS
et la sémantique de l'en-tête HTTP Origin.
Pour effectuer une requête et récupérer une ressource, utilisez la fetch()méthode. Il s'agit d'une méthode globale, utilisable dans les deux
Windowcontextes Worker. Elle est donc disponible dans pratiquement tous les contextes où vous pourriez avoir besoin de récupérer des
ressources.
Cette fetch()méthode prend un argument obligatoire : le chemin d’accès à la ressource à récupérer. Elle renvoie un objet Promisequi
correspond à la ressource Responseassociée à cette requête, dès que le serveur répond avec les en-têtes, même si la réponse du serveur est
une erreur HTTP . Vous pouvez également passer un initobjet d’options comme second argument (voir la documentation Request).
Une fois l' Responseobjet récupéré, plusieurs méthodes permettent de définir son contenu et la manière dont il doit être traité.
Vous pouvez créer une requête et une réponse directement à l'aide des Request()constructeurs `Request` et `Response` Response(), mais cette
pratique est rare. Ces éléments sont plus souvent créés suite à d'autres actions de l'API (par exemple, [Link]()par des
service workers).
Pour en savoir plus sur l'utilisation des fonctionnalités de l'API Fetch, consultez la section Utilisation de Fetch .
[Link]()[Link]()
La fetch()méthode utilisée pour récupérer une ressource.
Headers
Représente les en-têtes de réponse/requête, vous permettant de les interroger et d'entreprendre différentes actions en fonction des résultats.
Request
Représente une demande de ressources.
Response
Représente la réponse à une demande.
Spécification
Récupérer # méthode-récupérer
1/2
• Consulter les données sur GitHub
ordinateur de bureau mobile
Firefox
Chrome pour Opera Safari
Androi Androi Androi sur Samsung WebView W
Chrome Bord Firefox Opéra Safari d d d iOS Internet Android s
fetch
AuthorizationEn-tête
supprimé des redirections
inter-origines
[Link]ètre
[Link]ètre
[Link]ètre
[Link]ètre
Légende
Astuce : vous pouvez cliquer/appuyer sur une cellule pour obtenir plus d’informations.
Soutien complet (Soutien complet)
Soutien complet
Aucun soutien (Aucun soutien)
Aucun soutien
Expérimental. Il faut s'attendre à ce que les comportements évoluent à l'avenir.
Non standard. Vérifiez la compatibilité multi-navigateurs avant utilisation.
Voir les notes d'implémentation.
Contient plus d'informations sur la compatibilité.
Utilisation de Fetch
API Service Worker
Contrôle d'accès HTTP (CORS)
HTTP
2/2