Адпраўка 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);
    }
  );
});