Invio di richieste GET tramite AJAX in JavaScript

Ora impariamo a trasmettere dati al server in una richiesta AJAX. Il server farà qualcosa con questi dati e ci invierà indietro il risultato.

Il nostro server di test elaborerà i dati inviati all'indirizzo /handler/:

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

Per iniziare, inviamo una richiesta GET:

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

Otteniamo i dati inviati lato server:

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

Facciamo qualcosa con questi dati e inviamoli indietro:

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

Lato client, otteniamo il risultato e visualizziamolo da qualche parte:

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