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);
    }
  );
});