Récupération de JSON via AJAX en JavaScript
Il est courant que les serveurs renvoient des données au format JSON. Voyons comment travailler avec. Supposons qu'il existe le fichier suivant sur le serveur :
{
"num1": "1",
"num2": "2"
}
Récupérons les données de ce fichier :
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.text();
}).then(data => {
console.log(JSON.parse(data));
});
});
On peut utiliser la méthode json
pour que le JSON soit automatiquement converti
en une structure JavaScript :
button.addEventListener('click', function() {
fetch('/data.json').then(response => {
return response.json();
}).then(data => {
console.log(data);
});
});
Supposons que le serveur renvoie un JSON avec un tableau.
Parcourez ce tableau avec une boucle et écrivez
chacun de ses éléments dans une li distincte.
