Envío de solicitudes GET a través de AJAX en JavaScript

Ahora aprendamos a transmitir datos al servidor en una solicitud AJAX. El servidor hará algo con estos datos y nos enviará de vuelta el resultado.

Nuestro servidor de prueba procesará los datos enviados a la dirección /handler/:

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

Para empezar, enviemos una solicitud GET:

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

Obtengamos los datos enviados en el lado del servidor:

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

Hagamos algo con estos datos y enviémoslos de vuelta:

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

En el lado del cliente, obtendremos el resultado y lo mostraremos en algún lugar:

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