Appliquez la notion

On souhaite récupérer les informations concernant un utilisateur au moyen d'une API externe. Les informations de cet utilisateur sont accessibles à l'adresse suivante : https://reqres.in/api/users/2.

Question

Au moyen de l'API Fetch, récupérez et affichez les informations de cet utilisateur. Vous disposez des deux fonctions suivantes :

  • manageResponse : si le serveur retourne un code HTTP correct (2XX), alors on affichera la réponse au moyen de la méthode json(). Celle-ci retournant une promesse, il conviendra d'enchaîner l'appel des deux fonctions.

  • displayData : permettra de résoudre et d'afficher le contenu de la promesse retournée par manageResponse.

1
function manageResponse(response) {
2
 if(response.ok){
3
    return response.json();
4
 } else {
5
    console.log(response.status)
6
 }
7
}
8
9
function displayData(data) {
10
  console.log(data)
11
}
Solution
1
function manageResponse(response) {
2
 if(response.ok){
3
    return response.json();
4
 } else {
5
    console.log(response.status)
6
 }
7
}
8
9
function displayData(data) {
10
  console.log(data)
11
}
12
13
fetch('https://reqres.in/api/users/2')
14
    .then(manageResponse)
15
    .then(displayData)