Bonjour à tous, 

J'essaie d'utiliser FETCH pour sélectionner un fichier photographers.json la data de mon fetch est bien récupéré et affiché dans la console mais à partir de là je bloque je ne sais pas du tout comment utiliser le fetch pour extraire les données et sur internet il parle bien de fetch mais bien souvent en relation avec un site ou serveur 

Est-ce quelqu'un pourrait m'aiguiller ? 

voilà ma fonction async pour le moment 

async function getPhotographers() {
  
  fetch("./../data/photographers.json")
  .then(res => res.json())
  .then(data => console.log(data))
  // Penser à remplacer par les données récupérées dans le json
const photographers = [
    {
      name: "lol",
      id: 1,
      city: "Paris",
      country: "France",
      tagline: "Ceci est ma data test",
      price: 400,
      portrait: "account.png",
    },
    {
      name: "Autre data test",
      id: 2,
      city: "Londres",
      country: "UK",
      tagline: "Ceci est ma data test 2",
      price: 500,
      portrait: "account.png",
    },
  ];

  // et bien retourner le tableau photographers seulement une fois
  return {
    photographers: [...photographers, ...photographers, ...photographers],
  };



}

-
Edité par Christopher Hardeman 26 mai 2022 à 12:44:42

Salut,

tu peux mettre ta variable photographers en "let" et non "const" car "const" c'est une constante qui ne change pas, puis tu accèdes à ton json en faisant data.truc , si tu as un champ "truc" en première ligne du json, ensuite c'est une suite d'enfants : si ton json ressemble à ça, tu peux accéder à value en faisant data.menu.value

{"menu": {
    "id": "file",
    "value": "File",

tu peux aussi accéder aux index en faisant :

console.log(data.items[0]);

si ton json contient un tableau comme ça :

{"items": [
  {"id": "Open"},
  {"id": "OpenNew", "label": "Open New"},
  null,
  {"id": "ZoomIn", "label": "Zoom In"},
  {"id": "ZoomOut", "label": "Zoom Out"},
  {"id": "OriginalView", "label": "Original View"},
  null,
  {"id": "Quality"},
  {"id": "Pause"},
  {"id": "Mute"} ]
}