Body.json()
O método json()
do mixin Body
usa uma stream do objeto Response
para tratar. O método json() retorna uma Promise como resultado do processamento da stream, retornando um objeto JSON
em caso de sucesso.
Syntaxe
response.json().then(data => { // do something with your data });
Parâmetros
Nenhum.
Retorno
Uma Promise
que retorna um objeto Javascript no método resolve(). Pode ser qualquer tipo que pode ser representado com JSON — objeto, array, string, numeral...
Exemplo
Em nosso exemplo de fetch em json (teste aqui a busca em json com fetch), nós criamos uma nova requisição usando o constructor de Request()
, e em seguimos a usamos para buscar um arquivo .json
. Quando o fetch é bem-sucedido, nós lemos e tratamos a stream com o método json()
, lê os valores em forma de objeto retornados como esperado e inserimos na lista para exibir os dados dos produtos.
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);
}
})
.catch(console.error);
Especificações
Specificações | Status | Comentários |
---|---|---|
Fetch The definition of 'Body.json()' in that specification. |
Padrão em tempo real | Definição Inicial |
Compatibilidade de Navegador
BCD tables only load in the browser