Λήψη JSON μέσω AJAX σε JavaScript

Μια κοινή πρακτική είναι ο server να επιστρέφει δεδομένα σε μορφή JSON. Ας δούμε πώς να δουλέψουμε με αυτό. Ας υποθέσουμε ότι υπάρχει το ακόλουθο αρχείο στον server:

{
	"num1": "1",
	"num2": "2"
}

Ας λάβουμε τα δεδομένα από αυτό το αρχείο:

button.addEventListener('click', function() {
	fetch('/data.json').then(response => {
		return response.text();
	}).then(data => {
		console.log(JSON.parse(data));
	});
});

Μπορούμε να χρησιμοποιήσουμε τη μέθοδο json, ώστε το JSON να μετατραπεί αυτόματα σε δομή JavaScript:

button.addEventListener('click', function() {
	fetch('/data.json').then(response => {
		return response.json();
	}).then(data => {
		console.log(data);
	});
});

Ας υποθέσουμε ότι ο server επιστρέφει JSON με έναν πίνακα. Περιηγηθείτε σε αυτόν τον πίνακα με βρόχο και γράψτε κάθε στοιχείο του σε ένα ξεχωριστό li.