Bilan de compétences sous forme de Quiz

Apprendre fetch

Liste des Tuto

Apprendre fetch

Liste des compétences

Qu'est ce que fetch ?
fetch comment ça marche ?

Faire le Quiz

Liste des compétences et des tests

Qu'est ce que fetch ?

Choisir une ou plusieurs réponses (611)

Cocher les bonnes réponses !

fetch est une fonction JavaScript native qui permet de faire des requêtes Ajax.

Avant d'utiliser fetch on utilisait XMLHttpRequest.

Le principal intérêt d'utiliser fetch par rapport à XMLHttpRequest est que fetch retourne des promesses.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

fetch comment ça marche ?

Choisir une ou plusieurs réponses (612)

Cocher les bonnes réponses !

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> </head> <body> <script> console.log('Début'); fetch('https://jsonplaceholder.typicode.com/posts/1') .then( rep => console.log(rep)) console.log('Fin'); </script> </body> </html>

Le premier argument de fetch est l'url où se trouve les données.

Dans cet exemple fetch retourne une promesse que l'on exploite dans le then.

Dans le then on récupère "seulement" un objet de constructeur Response. On n'a pas encore accès aux données.

fetch fait une requête asynchrone.

fetch fait une requête synchrone.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (613)

Ci dessous l'objet Response retourné par fetch dans le cas du script de la question précédente. L'objet Response contient :

Une propriété ok qui est un booléen qui est vrai pour une tranche de code de retour allant de 200 à 299 inclus.

Une propriété status qui contient la valeur du code de retour.

Une propriété headers qui est un objet de constructeur Headers et qui contient les en-têtes HTTP de la réponse.

Un prototype avec des méthodes (text(), json(), blob() ...) qui permettent d'aller chercher les données dans le corps de la réponse HTTP.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (614)

Cocher les bonnes réponses

Il existe des méthodes asynchrones ( set, get, append... ) pour manipuler les en-têtes.

Il existe des méthodes synchrones ( set, get, append... ) pour manipuler les en-têtes.

Les méthodes text, json, blob sont des méthodes synchrones.

Les méthodes text, json, blob sont des méthodes asynchrones qui retournent une promesse.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (615)

Il faut deux opérations asynchrones pour accéder aux données avec un fetch !

VRAI

FAUX

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (616)

Les erreurs HTTP peuvent se produire sans qu'il n'y ait le moindre problème réseau ni la moindre instruction JavaScript qui plante.

VRAI

FAUX

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (617)

Pour chaîner les opérations asynchrones chaque then doit retourner une promesse.

VRAI

FAUX

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz