From 6772831200d14c2436aea2d0c837f40dbf12156f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 26 Sep 2021 13:11:47 +0200 Subject: Prepare Web API section for Markdown conversion (#2464) * Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove 
 for JS w/ language-js class

* Remove 
 for HTML w/ language-html class

* Remove 
 for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI
---
 files/fr/web/api/fetch/index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'files/fr/web/api/fetch')

diff --git a/files/fr/web/api/fetch/index.html b/files/fr/web/api/fetch/index.html
index f339f8f389..30544929ec 100644
--- a/files/fr/web/api/fetch/index.html
+++ b/files/fr/web/api/fetch/index.html
@@ -16,7 +16,7 @@ original_slug: Web/API/WindowOrWorkerGlobalScope/fetch
 ---
 
{{APIRef("Fetch")}}

 
-
La méthode fetch() du mixin {{domxref("WindowOrWorkerGlobalScope")}} démarre le chargement d'une ressource sur le réseau et retourne une promesse qui est résolue dès que la réponse est disponible. La promesse résoud l'objet {{domxref("Response")}} représentant la réponse de votre requête. Cette promesse n'échoue pas en cas d'erreur HTTP, elle n'échoue que sur les problèmes de réseau. Vous devez utiliser un gestionnaire then pour identifier les erreurs HTTP.

+
La méthode fetch() du mixin {{domxref("WindowOrWorkerGlobalScope")}} démarre le chargement d'une ressource sur le réseau et retourne une promesse qui est résolue dès que la réponse est disponible. La promesse résoud l'objet {{domxref("Response")}} représentant la réponse de votre requête. Cette promesse n'échoue pas en cas d'erreur HTTP, elle n'échoue que sur les problèmes de réseau. Vous devez utiliser un gestionnaire then pour identifier les erreurs HTTP.

 
 
WindowOrWorkerGlobalScope est aussi bien implémenté par {{domxref("Window")}} que par {{domxref("WorkerGlobalScope")}}, ce qui signifie que la méthode fetch() est disponible dans la plupart des cas où vous pourriez en avoir besoin.

 
@@ -25,12 +25,12 @@ original_slug: Web/API/WindowOrWorkerGlobalScope/fetch
 
La méthode fetch() est contrôlée par la directive connect-src de l'entête Content Security Policy plutôt que par la directive de la ressource qui est récupérée.

 
 

-
Les paramètres de la méthode fetch() sont identiques à ceux du contructeur d'une {{domxref("Request.Request","Request()")}}.

+
Note : Les paramètres de la méthode fetch() sont identiques à ceux du contructeur d'une {{domxref("Request.Request","Request()")}}.

 

 
 
Syntaxe

 
-
const fetchResponsePromise = Promise<Response> fetch(entrée[, init]);

+
const fetchResponsePromise = Promise<Response> fetch(entrée[, init]);

 
 
Paramètres

 
@@ -75,7 +75,7 @@ original_slug: Web/API/WindowOrWorkerGlobalScope/fetch
     
Spécifie la valeur de l'entête HTTP referer. Cela peut être no-referrer, no-referrer-when-downgrade, origin, origin-when-cross-origin ou unsafe-url.

 
     
integrity

-    
Contient la valeur de l'intégrité de la sous-ressource de la requête (par exemple, sha256-BpfBw7ivV8q2jLiT13fxDYAe2tJllusRSZ273h2nFSE=).

+    
Contient la valeur de l'intégrité de la sous-ressource de la requête (par exemple, sha256-BpfBw7ivV8q2jLiT13fxDYAe2tJllusRSZ273h2nFSE=).

 
     
keepalive

     
Peut être utilisée pour autoriser la requête à se poursuivre après la fermeture de la page. Une requête avec ce paramètre est équivalente à l'API {{domxref("Navigator.sendBeacon()")}}.

@@ -103,7 +103,7 @@ original_slug: Web/API/WindowOrWorkerGlobalScope/fetch
 
 
Dans notre exemple de requête avec fetch (voir cet exemple en direct) nous créons une nouvelle {{domxref("Request")}} avec le constructeur correspondant, puis on l'envoie en appellant fetch(). Comme nous récupérons une image, nous utilisons la méthode {{domxref("Body.blob()")}} sur la réponse pour lui donner le bon type MIME pour qu'elle soit gérée correctement, puis l'on crée l'URL correspondant à cet objet et on l'affiche dans un élément {{htmlelement("img")}}.

 
-
const monImage = document.querySelector('img');
+
const monImage = document.querySelector('img');
 
 let maRequete = new Request('fleurs.jpg');
 
@@ -121,7 +121,7 @@ fetch(maRequete)
 
 
Dans notre exemple fetch avec initialisation et requête (voir cet exemple en direct) nous faisons la même chose à la différence que nous passons aussi un objet d'initalisation à la méthode fetch :

 
-
const monImage = document.querySelector('img');
+
const monImage = document.querySelector('img');
 
 let mesEntetes = new Headers();
 mesEntetes.append('Content-Type', 'image/jpeg');
@@ -139,11 +139,11 @@ fetch(maRequete, monInit).then(function(reponse) {
 
 
Notez que vous pouvez aussi passer l'objet d'initialisation au constructeur de la requête pour obtenir le même effet, par exemple :

 
-
let maRequete = new Request('fleurs.jpg', monInit);

+
let maRequete = new Request('fleurs.jpg', monInit);

 
 
Vous pouvez aussi utiliser un objet litéral comme en-têtes dans votre objet d'initalisation.

 
-
const monInit = { method: 'GET',
+
const monInit = { method: 'GET',
                headers: {
                    'Content-Type': 'image/jpeg'
                },
-- 
cgit v1.2.3-54-g00ecf