GET kérések küldése AJAX-on keresztül JavaScriptben

Most pedig tanuljuk meg, hogyan kell adatokat küldeni a szervernek egy AJAX kérésben. A szerver majd valamit csinál ezekkel az adatokkal és visszaküldi nekünk az eredményt.

A teszt szerverünk feldolgozza az /handler/ címre küldött adatokat:

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

Kezdjük azzal, hogy küldjünk egy GET kérést:

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

Kapjuk meg a küldött adatokat a szerver oldalán:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // kiírja a 3-at
  }
}

Csináljunk valamit ezekkel az adatokkal és küldjük vissza őket:

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

A kliens oldalán kapjuk meg az eredményt és írjuk ki valahova:

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