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

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

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

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

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

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

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

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

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

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

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

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