Pošiljanje GET zahtevkov prek AJAX v JavaScript

Zdaj se naučimo posredovati podatke strežniku v AJAX zahtevku. Strežnik bo nekaj naredil s temi podatki in nam poslal nazaj rezultat.

Naš testni strežnik bo obdelal podatke, poslane na naslov /handler/:

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

Za začetek pošljimo GET zahtevek:

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

Pridobimo poslane podatke na strani strežnika:

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

Naredimo nekaj s temi podatki in jih pošljimo nazaj:

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

Na strani odjemalca pridobimo rezultat in ga izpišimo kamor koli:

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