Obtención de JSON mediante AJAX en JavaScript
Es una práctica común que el servidor entregue datos en formato JSON. Veamos cómo trabajar con esto. Supongamos que hay un archivo en el servidor:
{
"num1": "1",
"num2": "2"
}
Obtengamos los datos de este archivo:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Se puede utilizar el método json
para que el JSON se convierta automáticamente
en una estructura de JavaScript:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Supongamos que el servidor devuelve un JSON con un array.
Recorra este array con un ciclo y escriba
cada uno de sus elementos en una li separada.
