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

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

Syntax

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

Paramètres

Aucun.

Retour

Une Promesse qui se résout avec pour resultat le corp de la requete en JSON. Le résultat peut être tout ce qui peut être représenté en JSON -- un objet, un tableau, une chaine 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 utilisont celle-ci pour recuperer un fichier .json. Quand la requête réussi, les données sont lus et parsées en utilisant json()  Elles sont ensuite lus et utilisées dans des listes d'éléments pour afficher les données de 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

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