Dërgimi i kërkesave GET përmes AJAX në JavaScript

Tani le të mësojmë të dërgojmë të dhëna në server në një kërkesë AJAX. Serveri do të bëjë diçka me këto të dhëna dhe do të na dërgojë përsëri rezultatin.

Serveri ynë testues do të përpunojë të dhënat e dërguara në adresën /handler/:

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

Për fillim le të dërgojmë një kërkesë GET:

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

Le të marrim të dhënat e dërguara në anën e serverit:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // do të shfaqë 3
  }
}

Le të bëjmë diçka me këto të dhëna dhe t'ia dërgojmë përsëri:

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

Në anën e klientit le të marrim rezultatin dhe ta shfaqim diku:

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