AJAX запросы синхронном стиле в PHP

Давайте перепишем код для работы с fetch в синхронном стиле. Для этого вместо then мы будем использовать async-await.

Пусть у нас есть следующий код, работающий через then:

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

Давайте перепишем его через async-await. Для начала давайте объявим нашу функцию асинхронной, чтобы внутри нее можно было использовать await:

button.addEventListener('click', async function() {
	
});

Теперь сразу применим await к функции fetch. В этом случае мы сразу получим объект response:

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

Теперь вызовем метод text объекта response, также применив к нему await:

button.addEventListener('click', async function() {
	let response = await fetch('/ajax.php');
	let text = await response.text();
	console.log(text);
});

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