Wysyłanie zapytań GET przez AJAX w JavaScript

Nauczmy się teraz przekazywać dane na serwer w zapytaniu AJAX. Serwer zrobi coś z tymi danymi i odeśle nam z powrotem wynik.

Nasz serwer testowy będzie przetwarzał dane wysłane pod adres /handler/:

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

Na początek wyślijmy zapytanie GET:

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

Pobierzmy wysłane dane po stronie serwera:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // wypisze 3
  }
}

Zróbmy coś z tymi danymi i wyślijmy je z powrotem:

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

Po stronie klienta pobierzmy wynik i wypiszmy go gdzieś:

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