Ottenere JSON tramite AJAX in JavaScript
Una pratica comune è che il server fornisca i dati nel formato JSON. Vediamo come lavorarci. Supponiamo che sul server ci sia il seguente file:
{
"num1": "1",
"num2": "2"
}
Otteniamo i dati da questo file:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
Puoi utilizzare il metodo json
per convertire automaticamente il JSON
in una struttura JavaScript:
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Supponiamo che il server fornisca JSON con un array.
Scorri questo array con un ciclo e scrivi
ogni suo elemento in una li separata.