Слање 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);
    }
  );
});