JavaScript-də AJAX vasitəsilə GET sorğularının göndərilməsi

Gəlin indi AJAX sorğusunda məlumatları serverə ötürməyi öyrənək. Server bu məlumatlarla bir şey edəcək və nəticəni bizə geri göndərəcək.

Bizim test serverimiz /handler/ ünvanına göndərilən məlumatları emal edəcək:

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

Əvvəlcə gəlin bir GET sorğusu göndərək:

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

Gəlin göndərilən məlumatları server tərəfində əldə edək:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // 3 çap edəcək
  }
}

Gəlin bu məlumatlarla bir şey edək və onları geri göndərək:

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

Client tərəfində nəticəni əldə edək və onu bir yerə çap edək:

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