Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

La méthode json() de Body lit un Stream Response jusqu'au bout. Elle retourne une promesse qui se résout en renvoyant le corps de la requête en JSON.

Syntax

response.json().then(function(data) {
  // faire quelque chose avec les données
});

Paramètres

Aucun.

Retour

Une promesse résolue contenant le corps de la requete en JSON. Le résultat peut être tout ce qui peut être représenté en JSON -- un objet, un tableau, une chaîne de caractère, un nombre...

Exemple

Dans cet example: fetch json example (run fetch json live), nous créons une nouvelle requête en utilisant le constructeur Request.Request, puis utilisons celle-ci pour récupérer un fichier .json. Lorsque fetch réussit, on lit les données et on les parse en utilisant json(), ensuite on utilise les valeurs de l'objet obtenu et on les insère dans une liste de noeuds pour afficher nos produits. 

var myList = document.querySelector('ul');

var myRequest = new Request('products.json');

fetch(myRequest)
  .then(function(response) { return response.json(); })
  .then(function(data) {
    for (var i = 0; i < data.products.length; i++) {
      var listItem = document.createElement('li');
      listItem.innerHTML = '<strong>' + data.products[i].Name + '</strong> can be found in ' +
                           data.products[i].Location +
                           '. Cost: <strong>£' + data.products[i].Price + '</strong>';
      myList.appendChild(listItem);
    }
  });

Specifications

Specification Status Comment
Fetch
La définition de 'json()' dans cette spécification.
Standard évolutif  

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 42 [1]
 
(Oui) 39 (39) [2] Pas de support

29 [3]

Pas de support
Feature Android Edge Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support Pas de support (Oui) Pas de support Pas de support Pas de support Pas de support Pas de support Pas de support

[1] Behind a preference in version 41.

[2] Behind a preference starting with version 34.

[3] Behind a preference in version 28.

See also

Étiquettes et contributeurs liés au document

Contributeurs à cette page : MaximeSarrato, Nithramir
Dernière mise à jour par : MaximeSarrato,