Obtendo JSON via AJAX em JavaScript
É uma prática comum o servidor retornar dados no formato JSON. Vamos ver como trabalhar com isso. Suponha que exista o seguinte arquivo no servidor:
{
"num1": "1",
"num2": "2"
}
Vamos obter os dados deste arquivo:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Podemos usar o método json
para que o JSON seja automaticamente convertido
em uma estrutura JavaScript:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Suponha que o servidor retorne um JSON com um array.
Percorra este array com um loop e grave
cada um de seus elementos em uma li separada.
