Envoi de requêtes GET via AJAX en JavaScript

Apprenons maintenant à transmettre des données au serveur dans une requête AJAX. Le serveur fera quelque chose avec ces données et nous renverra le résultat.

Notre serveur de test traitera les données envoyées à l'adresse /handler/ :

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

Pour commencer, envoyons une requête GET :

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

Récupérons les données envoyées côté serveur :

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

Faisons quelque chose avec ces données et renvoyons-les :

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

Côté client, récupérons le résultat et affichons-le quelque part :

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