Sommaire

Afficher des données internes répétitives

1. La structure des données JSON

Dans ce deuxième exemple, nous allons utiliser des données répétitives. Nous reprenons l’exemple précédent, mais cette fois nous avons plusieurs chiens.

Voici les données indiquées au format JSON :

{"chiens":[ 
    {"Nom":"Raja","Couleur":"Brun","Race":"Labrador"}, 
    {"Nom":"Lord","Couleur":"Beige","Race":"Beagle"}, 
    {"Nom":"Yuky","Couleur":"Noir","Race":"Caniche"} 
    ] 
}

Le premier élément "chiens" est un tableau qui contient toutes ses données entre crochets [...]. Chaque donnée, chaque chien est défini entre accolades {...}. Pour chaque chien, nous retrouvons les couples nom/valeur.

2. La structure de la page

La structure de la page est très similaire à celle précédemment utilisée :

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Ma page</title> 
    </head> 
    <body> 
        <div id="conteneur"></div> 
        <script ...