Получение результата AJAX запроса в PHP

Давайте теперь получим результат AJAX запроса из промиса, который возвращает функция fetch.

Чтобы получить данные из промиса, мы должны вызвать метод then, передав ему параметром анонимную функцию:

button.addEventListener('click', function() {
	let reply = fetch('/ajax.php');
	
	reply.then(function() {
		
	});
});

При этом ответ сервера автоматически попадет в первый параметр нашей функции. Давайте назовем этот параметр response:

button.addEventListener('click', function() {
	let reply = fetch('/ajax.php');
	
	reply.then(function(response) {
			
	});
});

Давайте для краткости вместо обычной функции для краткости напишем стрелочную:

button.addEventListener('click', function() {
	let reply = fetch('/ajax.php');
	
	reply.then(response => {
			
	});
});

Переменная response будет содержать объект класса Response:

button.addEventListener('click', function() {
	let reply = fetch('/ajax.php');
	
	reply.then(
		response => {
			console.log(response); // объект класса Response
		}
	);
});

У объекта response есть метод text, который позволяет получить текст ответа. Однако, этот метод также возвращает промис и, чтобы добраться до текста страницы нужно продолжить цепочку then:

button.addEventListener('click', function() {
	let reply = fetch('/ajax.php');
	
	reply.then(response => {
		return response.text();
	}).then(text => {
		console.log(text);
	});
});

Пусть страница ajax.php возвращает число. Сделайте AJAX запрос к этой странице, получите число, возведите его в квадрат и выведите в консоль.