JavaScript orqali AJAX GET so'rovlarini yuborish

Keling, endi AJAX so'rovida ma'lumotlarni serveryga uzatishni o'rganaylik. Server bu ma'lumotlar bilan qandaydir amallarni bajaradi va natijani bizga qaytarib yuboradi.

Bizning test serverimiz /handler/ manziliga yuborilgan ma'lumotlarni qayta ishlaydi:

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

Keling, boshlanishiga GET so'rovini yuboraylik:

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

Keling, server tomonda yuborilgan ma'lumotlarni olamiz:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // 3 ni chiqaradi
  }
}

Keling, bu ma'lumotlar bilan biror narsa qilaylik va ularni orqaga qaytarib yuboraylik:

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

Client tomonda natijani olamiz va uni biror joyga chiqaramiz:

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