Отправка GET запросов через AJAX в JavaScript

Давайте теперь научимся передавать данные на сервер в AJAX запросе. Сервер что-то будет делать с этими данными и отправлять нам обратно результат.

Наш тестовый сервер будет обрабатывать данные, отправленные на адрес /handler/:

public/client.jsbutton.addEventListener('click', function() {
  let promise = fetch('/handler/');
});

Для начала давайте отправим GET запрос:

public/client.jsbutton.addEventListener('click', function() {
  let promise = fetch('/handler/?num=3');
});

Давайте получим отправленные данные на стороне сервера:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // выведет 3
  }
}

Давайте что-нибудь сделаем с этими данными и отправим их обратно:

server.jsexport default {
  '/handler/': function({get}) {
    return get.num ** 2;
  }
}

На стороне клиента получим результат и выведем его куда-нибудь:

public/client.jsbutton.addEventListener('click', function() {
  fetch('/handler/?num=3').then(
    response => {
      return response.text();
    }
  ).then(
    text => {
      console.log(text);
    }
  );
});