Испраќање на GET барања преку AJAX во JavaScript

Ајде сега да научиме како да пренесуваме податоци на серверот во AJAX барање. Серверот ќе направи нешто со овие податоци и ќе ни го испрати назад резултатот.

Нашиот тест сервер ќе ги процесира податоците испратени на адресата /handler/:

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

За почеток, ајде да испратиме GET барање:

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

Ајде да ги добиеме испратените податоци на страната на серверот:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // ќе испише 3
  }
}

Ајде да направиме нешто со овие податоци и да ги испратиме назад:

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

На страната на клиентот ќе го добиеме резултатот и ќе го испечатиме некаде:

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