Tableau à partir d'un JSON

Fermé
Raphael0904 Messages postés 12 Date d'inscription dimanche 28 novembre 2010 Statut Membre Dernière intervention 17 octobre 2020 - 17 oct. 2020 à 22:23
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 18 oct. 2020 à 10:03
Bonjour,

Je souhaiterais intégrer un tableau à mon site à partir du JSON suivant sauf que je n'ai aucune idée de comment faire, ayant débuter la programmation cette semaine (si on peut appeler cela de la programmation^^).

https://restcountries.eu/rest/v2/all

Je travaille sur Glitch.

J'espère que vous aurez la patience d'aider un débutant comme moi.

A bientôt :)


Configuration: Windows / Chrome 86.0.4240.75

1 réponse

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
18 oct. 2020 à 10:02
    function getCountries(){
      let url = 'https://restcountries.eu/rest/v2/all';

      fetch(url)
        .then(res => res.json())
        .then((json) => {
          console.log('Checkout this JSON! ', json);
          //ici, tu peux boulcier sur les résultats
          for(var i = 0; i < json.length; i++) {
              var obj = json[i];
              //par exemple, pour voir le "name", son "code" et sa capitale
              console.log(obj.name, obj.alpha2Code, obj.capital);
          }
          
      })
      .catch(err => { 
          throw err 
      });
    }
     
     
    //on lance la fonction :
    getCountries();  

0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
18 oct. 2020 à 10:03
Bien sûr, je n'ai fait que des console.log ... si tu veux afficher les données dans ta page, il te faut, dans la boucle, coder la génération du html que tu veux utiliser dans ta page.
0