Trimiterea cererilor GET prin AJAX în JavaScript

Să învățăm acum cum să transmitem date către server într-o cerere AJAX. Serverul va face ceva cu aceste date și ne va trimite înapoi rezultatul.

Serverul nostru de test va procesa datele trimise la adresa /handler/:

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

Pentru început, să trimitem o cerere GET:

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

Să obținem datele trimise de partea serverului:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // va afișa 3
  }
}

Să facem ceva cu aceste date și să le trimitem înapoi:

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

De partea clientului, vom obține rezultatul și îl vom afișa undeva:

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