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

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

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

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

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

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

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

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

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

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