Body.json()

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

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