Получаване на JSON чрез AJAX в JavaScript

Често срещана практика е сървърът да връща данни във формат JSON. Нека да разгледаме как да работим с това. Да предположим, че на сървъра има следния файл:

{
	"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);
	});
});

Да предположим, че сървърът връща JSON с масив. Обходете този масив с цикъл и запишете всеки негов елемент в отделна li.