Slanje GET zahteva putem AJAX-a u JavaScript-u

Hajde sada da naučimo kako da prosledimo podatke serveru u AJAX zahtevu. Server će uraditi nešto sa tim podacima i poslati nam nazad rezultat.

Naš test server će obrađivati podatke poslate na adresu /handler/:

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

Za početak hajde da pošaljemo GET zahtev:

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

Hajde da dobijemo poslate podatke na strani servera:

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

Hajde da uradimo nešto sa tim podacima i pošaljemo ih nazad:

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

Na strani klijenta dobijamo rezultat i ispišimo ga negde:

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