Body.json()

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

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 !

[1] Behind a preference in version 41.

[2] Behind a preference starting with version 34.

[3] Behind a preference in version 28.

See also

• ServiceWorker API
• HTTP access control (CORS)
• HTTP