From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/response/index.html | 126 -------------------------------- files/fr/web/api/response/index.md | 126 ++++++++++++++++++++++++++++++++ files/fr/web/api/response/ok/index.html | 75 ------------------- files/fr/web/api/response/ok/index.md | 75 +++++++++++++++++++ 4 files changed, 201 insertions(+), 201 deletions(-) delete mode 100644 files/fr/web/api/response/index.html create mode 100644 files/fr/web/api/response/index.md delete mode 100644 files/fr/web/api/response/ok/index.html create mode 100644 files/fr/web/api/response/ok/index.md (limited to 'files/fr/web/api/response') diff --git a/files/fr/web/api/response/index.html b/files/fr/web/api/response/index.html deleted file mode 100644 index d1b5aea198..0000000000 --- a/files/fr/web/api/response/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: Response -slug: Web/API/Response -tags: - - API - - Experimental - - Fetch - - Fetch API - - Interface - - Reference - - Response -translation_of: Web/API/Response ---- -
{{APIRef("Fetch API")}}
- -

L'interface Response de l'API de fetch représente la réponse d'une requête initialisée.

- -

Vous pouvez créer un nouvel objet Response en utilisant le constructeur {{domxref("Response.Response()")}}. Cependant, vous rencontrerez plus fréquemment l'objet Response comme étant le résultat d'une opération de l'API, par exemple, un service worker {{domxref("Fetchevent.respondWith")}}, ou un simple {{domxref("GlobalFetch.fetch()")}}.

- -

Constructeur

- -
-
{{domxref("Response.Response","Response()")}}
-
Crée un nouvel objet Response.
-
- -

Propriétés

- -
-
{{domxref("Response.headers")}} {{readonlyinline}}
-
Contient les objets {{domxref("Headers")}} associés à la réponse.
-
{{domxref("Response.ok")}} {{readonlyinline}}
-
Contient un booléen statuant s'il s'agit d'une réponse indiquant un succès (statut HTTP entre 200 et 299) ou non.
-
{{domxref("Response.redirected")}} {{ReadOnlyInline}}
-
Indique si oui ou non la réponse est le résultat d'une (ou plusieurs) redirection(s), c'est-à-dire que sa liste d'URLs a plus d'une entrée.
-
{{domxref("Response.status")}} {{readonlyinline}}
-
Contient le status code de la réponse (par exemple 200 en cas de réussite).
-
{{domxref("Response.statusText")}} {{readonlyinline}}
-
Contient le message du statut correspondant au status code (à savoir : OK pour le code 200 par exemple).
-
{{domxref("Response.type")}} {{readonlyinline}}
-
Contient le type de la réponse (par exemple, basic, cors).
-
{{domxref("Response.url")}} {{readonlyinline}}
-
Contient l'URL de la réponse.
-
{{domxref("Response.useFinalURL")}}
-
Contient un booléen statuant s'il s'agit de l'URL finale de la réponse.
-
- -

Par ailleurs, Response implémente également une propriété {{domxref("Body")}}, voici les propriétés qui lui sont propres :

- -
-
{{domxref("Body.body")}} {{readonlyInline}}
-
Un simple getter utilisé afin d'exposer un {{domxref("ReadableStream")}} permettant de lire le contenu du body.
-
{{domxref("Body.bodyUsed")}} {{readonlyInline}}
-
Stocke un {{domxref("Boolean")}} qui indique si le body a déjà été utilisé dans la réponse ou non.
-
- -

Méthodes

- -
-
{{domxref("Response.clone()")}}
-
Crée un clone de l'objet Response.
-
{{domxref("Response.error()")}}
-
Retourne un nouvel objet Response associé à une erreur réseau.
-
{{domxref("Response.redirect()")}}
-
Crée une nouvelle réponse avec une URL différente permettant de rediriger l'utilisateur.
-
- -

Response implémente {{domxref("Body")}}, voici les différentes méthodes qui sont disponibles:

- -
-
{{domxref("Body.arrayBuffer()")}}
-
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui retourne un {{domxref("ArrayBuffer")}} lorsqu'elle est résolue.
-
{{domxref("Body.blob()")}}
-
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui retourne un {{domxref("Blob")}} lorsqu'elle est résolue.
-
{{domxref("Body.formData()")}}
-
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui retourne un {{domxref("FormData")}} lorsqu'elle est résolue.
-
{{domxref("Body.json()")}}
-
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui retourne le résultat du parsing du body text, comme {{jsxref("JSON")}} ,lorsqu'elle est résolue.
-
{{domxref("Body.text()")}}
-
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui est résolue avec un {{domxref("USVString")}} (text).
-
- -

Exemples

- -

Dans notre exemple basique d'utilisation de fetch (exemple), nous utilisons un simple appel fetch() pour récupérer une image et l'afficher dans un tag {{htmlelement("img")}}. L'appel fetch() retourne une promise qui est résolue avec un objet Response associé à l'opération de récupération de la ressource. Vous remarquerez que puisque nous récupérons une image, nous avons besoin d'utiliser {{domxref("Body.blob")}} (disponible dans le body de la {{domxref("Response")}}) pour attribuer le bon MIME type à la réponse.

- -
var myImage = document.querySelector('.my-image');
-fetch('flowers.jpg').then(function(response) {
-  return response.blob();
-}).then(function(blob) {
-  var objectURL = URL.createObjectURL(blob);
-  myImage.src = objectURL;
-});
- -

Vous pouvez également utiliser le constructeur {{domxref("Response.Response()")}} pour créer votre propre objet Response:

- -
var myResponse = new Response();
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Fetch','#response-class','Response')}}{{Spec2('Fetch')}}Définition initiale
- -

Compatibilité des navigateurs

- -

{{Compat("api.Response")}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/response/index.md b/files/fr/web/api/response/index.md new file mode 100644 index 0000000000..d1b5aea198 --- /dev/null +++ b/files/fr/web/api/response/index.md @@ -0,0 +1,126 @@ +--- +title: Response +slug: Web/API/Response +tags: + - API + - Experimental + - Fetch + - Fetch API + - Interface + - Reference + - Response +translation_of: Web/API/Response +--- +
{{APIRef("Fetch API")}}
+ +

L'interface Response de l'API de fetch représente la réponse d'une requête initialisée.

+ +

Vous pouvez créer un nouvel objet Response en utilisant le constructeur {{domxref("Response.Response()")}}. Cependant, vous rencontrerez plus fréquemment l'objet Response comme étant le résultat d'une opération de l'API, par exemple, un service worker {{domxref("Fetchevent.respondWith")}}, ou un simple {{domxref("GlobalFetch.fetch()")}}.

+ +

Constructeur

+ +
+
{{domxref("Response.Response","Response()")}}
+
Crée un nouvel objet Response.
+
+ +

Propriétés

+ +
+
{{domxref("Response.headers")}} {{readonlyinline}}
+
Contient les objets {{domxref("Headers")}} associés à la réponse.
+
{{domxref("Response.ok")}} {{readonlyinline}}
+
Contient un booléen statuant s'il s'agit d'une réponse indiquant un succès (statut HTTP entre 200 et 299) ou non.
+
{{domxref("Response.redirected")}} {{ReadOnlyInline}}
+
Indique si oui ou non la réponse est le résultat d'une (ou plusieurs) redirection(s), c'est-à-dire que sa liste d'URLs a plus d'une entrée.
+
{{domxref("Response.status")}} {{readonlyinline}}
+
Contient le status code de la réponse (par exemple 200 en cas de réussite).
+
{{domxref("Response.statusText")}} {{readonlyinline}}
+
Contient le message du statut correspondant au status code (à savoir : OK pour le code 200 par exemple).
+
{{domxref("Response.type")}} {{readonlyinline}}
+
Contient le type de la réponse (par exemple, basic, cors).
+
{{domxref("Response.url")}} {{readonlyinline}}
+
Contient l'URL de la réponse.
+
{{domxref("Response.useFinalURL")}}
+
Contient un booléen statuant s'il s'agit de l'URL finale de la réponse.
+
+ +

Par ailleurs, Response implémente également une propriété {{domxref("Body")}}, voici les propriétés qui lui sont propres :

+ +
+
{{domxref("Body.body")}} {{readonlyInline}}
+
Un simple getter utilisé afin d'exposer un {{domxref("ReadableStream")}} permettant de lire le contenu du body.
+
{{domxref("Body.bodyUsed")}} {{readonlyInline}}
+
Stocke un {{domxref("Boolean")}} qui indique si le body a déjà été utilisé dans la réponse ou non.
+
+ +

Méthodes

+ +
+
{{domxref("Response.clone()")}}
+
Crée un clone de l'objet Response.
+
{{domxref("Response.error()")}}
+
Retourne un nouvel objet Response associé à une erreur réseau.
+
{{domxref("Response.redirect()")}}
+
Crée une nouvelle réponse avec une URL différente permettant de rediriger l'utilisateur.
+
+ +

Response implémente {{domxref("Body")}}, voici les différentes méthodes qui sont disponibles:

+ +
+
{{domxref("Body.arrayBuffer()")}}
+
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui retourne un {{domxref("ArrayBuffer")}} lorsqu'elle est résolue.
+
{{domxref("Body.blob()")}}
+
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui retourne un {{domxref("Blob")}} lorsqu'elle est résolue.
+
{{domxref("Body.formData()")}}
+
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui retourne un {{domxref("FormData")}} lorsqu'elle est résolue.
+
{{domxref("Body.json()")}}
+
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui retourne le résultat du parsing du body text, comme {{jsxref("JSON")}} ,lorsqu'elle est résolue.
+
{{domxref("Body.text()")}}
+
Prend le stream de la {{domxref("Response")}} et le lit jusqu'à la fin. Renvoie une promise qui est résolue avec un {{domxref("USVString")}} (text).
+
+ +

Exemples

+ +

Dans notre exemple basique d'utilisation de fetch (exemple), nous utilisons un simple appel fetch() pour récupérer une image et l'afficher dans un tag {{htmlelement("img")}}. L'appel fetch() retourne une promise qui est résolue avec un objet Response associé à l'opération de récupération de la ressource. Vous remarquerez que puisque nous récupérons une image, nous avons besoin d'utiliser {{domxref("Body.blob")}} (disponible dans le body de la {{domxref("Response")}}) pour attribuer le bon MIME type à la réponse.

+ +
var myImage = document.querySelector('.my-image');
+fetch('flowers.jpg').then(function(response) {
+  return response.blob();
+}).then(function(blob) {
+  var objectURL = URL.createObjectURL(blob);
+  myImage.src = objectURL;
+});
+ +

Vous pouvez également utiliser le constructeur {{domxref("Response.Response()")}} pour créer votre propre objet Response:

+ +
var myResponse = new Response();
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Fetch','#response-class','Response')}}{{Spec2('Fetch')}}Définition initiale
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Response")}}

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/response/ok/index.html b/files/fr/web/api/response/ok/index.html deleted file mode 100644 index a64a14f384..0000000000 --- a/files/fr/web/api/response/ok/index.html +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: Response.ok -slug: Web/API/Response/ok -tags: - - API - - Experimental - - Fetch - - Property - - Reference - - Response - - ok -translation_of: Web/API/Response/ok ---- -
{{APIRef("Fetch")}}
- -

La propriété en lecture seule ok de l'interface {{domxref("Response")}} contient un booléen correspondant au succès (codes de statut compris entre 200 et 299) ou à l'échec de la réponse.

- -

Syntaxe

- -
var myOK = response.ok;
- -

Valeur

- -

Un {{domxref("Boolean")}}.

- -

Exemple

- -

Dans notre exemple (voir la démonstration en ligne) nous créons un nouvel objet {{domxref("Request")}} en utilisant le constructeur {{domxref("Request.Request","Request()")}} avec le chemin vers un JPG en argument. On récupère (fetch en anglais) ensuite la requête en utilisant {{domxref("GlobalFetch.fetch()")}}, on extrait un blob de la réponse en utilisant {{domxref("Body.blob")}} pour créer un objet URL grâce à {{domxref("URL.createObjectURL")}} et l'afficher dans une balise {{htmlelement("img")}}.

- -
-

Note : Nous affichons la valeur de la propriété ok de la réponse dans la console en haut du bloc fetch().

-
- -
var myImage = document.querySelector('img');
-
-var myRequest = new Request('flowers.jpg');
-
-fetch(myRequest).then(function(response) {
-  console.log(response.ok); // retourne true si la réponse est retournée avec succès 
-  response.blob().then(function(myBlob) {
-    var objectURL = URL.createObjectURL(myBlob);
-    myImage.src = objectURL;
-  });
-});
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Fetch','#dom-response-ok','ok')}}{{Spec2('Fetch')}}Définition initiale
- -

Compatibilité des navigateurs

- -

{{Compat("api.Response.ok")}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/response/ok/index.md b/files/fr/web/api/response/ok/index.md new file mode 100644 index 0000000000..a64a14f384 --- /dev/null +++ b/files/fr/web/api/response/ok/index.md @@ -0,0 +1,75 @@ +--- +title: Response.ok +slug: Web/API/Response/ok +tags: + - API + - Experimental + - Fetch + - Property + - Reference + - Response + - ok +translation_of: Web/API/Response/ok +--- +
{{APIRef("Fetch")}}
+ +

La propriété en lecture seule ok de l'interface {{domxref("Response")}} contient un booléen correspondant au succès (codes de statut compris entre 200 et 299) ou à l'échec de la réponse.

+ +

Syntaxe

+ +
var myOK = response.ok;
+ +

Valeur

+ +

Un {{domxref("Boolean")}}.

+ +

Exemple

+ +

Dans notre exemple (voir la démonstration en ligne) nous créons un nouvel objet {{domxref("Request")}} en utilisant le constructeur {{domxref("Request.Request","Request()")}} avec le chemin vers un JPG en argument. On récupère (fetch en anglais) ensuite la requête en utilisant {{domxref("GlobalFetch.fetch()")}}, on extrait un blob de la réponse en utilisant {{domxref("Body.blob")}} pour créer un objet URL grâce à {{domxref("URL.createObjectURL")}} et l'afficher dans une balise {{htmlelement("img")}}.

+ +
+

Note : Nous affichons la valeur de la propriété ok de la réponse dans la console en haut du bloc fetch().

+
+ +
var myImage = document.querySelector('img');
+
+var myRequest = new Request('flowers.jpg');
+
+fetch(myRequest).then(function(response) {
+  console.log(response.ok); // retourne true si la réponse est retournée avec succès 
+  response.blob().then(function(myBlob) {
+    var objectURL = URL.createObjectURL(myBlob);
+    myImage.src = objectURL;
+  });
+});
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('Fetch','#dom-response-ok','ok')}}{{Spec2('Fetch')}}Définition initiale
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.Response.ok")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf