Body.json()

El método json() de Body recibe un flujo de datos Response y lo lee a término. Devuelve una promesa con el cuerpo del texto transformado a JSON.

Sintáxis

response.json().then(data => {
  // do something with your data
});

Parámetros

No.

Valor devuelto

Una Promise que se resuelve a un objeto JavaScript. Este objeto puede ser cualquier cosa que pueda ser representada por JSON (un objeto, un array, una cadena de caracteres, un número...).

Example

In our fetch json example (run fetch json live), we create a new request using the Request() (en-US) constructor, then use it to fetch a .json file. When the fetch is successful, we read and parse the data using json(), then read values out of the resulting objects as you'd expect and insert them into list items to display our product data.

const myList = document.querySelector('ul');
const myRequest = new Request('products.json');

fetch(myRequest)
  .then(response => response.json())
  .then(data => {
    for (const product of data.products) {
      let listItem = document.createElement('li');
      listItem.appendChild(
        document.createElement('strong')
      ).textContent = product.Name;
      listItem.append(
        ` can be found in ${
          product.Location
        }. Cost: `
      );
      listItem.appendChild(
        document.createElement('strong')
      ).textContent = `£${product.Price}`;
      myList.appendChild(listItem);
    }
  });

Specifications

Specification Status Comment
Fetch
La definición de 'Body.json()' en esta especificación.
Living Standard Initial definition

Browser compatibility

BCD tables only load in the browser

See also