JSON (JavaScript Object Notation)

Nous étudions ici une réponse sous forme JSON.

Pour cela, nous utilisons la méthode json() de l'objet response. Cette méthode retourne une promesse qui contient un tableau d'objets.

1
const url = "https://apicarto.ign.fr/api/codes-postaux/communes/62000";
2
3
fetch(url).then(
4
  (response) =>
5
    response.ok
6
      ? response.json().then((data) => console.log(data))
7
      : ""
8
);
data est un tableau contenant des objets :
1
(2) [{...}, {...}]
2
0: {codePostal: "62000", codeCommune: "62041", nomCommune: "Arras", libelleAcheminement: "ARRAS"}
3
1: {codePostal: "62000", codeCommune: "62263", nomCommune: "Dainville", libelleAcheminement: "DAINVILLE"}
4
length: 2
5
[[Prototype]]: Array(0)
Nous pouvons utiliser ces données pour les afficher dans notre body.
1
const body = document.querySelector("body");
2
const url = "https://apicarto.ign.fr/api/codes-postaux/communes/62000";
3
4
fetch(url).then(
5
  (response) =>
6
    response.ok
7
      ? response.json().then((data) => {
8
        let texte = "";
9
        data.forEach((obj)=>{
10
          for(m in obj){
11
            texte += `${m} : ${obj[m]}<br\>`
12
          }
13
          texte += '-----------<br\>';
14
        });
15
        body.innerHTML = texte;
16
        })
17
      : ""
18
);