Menghantar Permintaan GET melalui AJAX dalam JavaScript

Sekarang mari kita belajar menghantar data ke pelayan dalam permintaan AJAX. Pelayan akan melakukan sesuatu dengan data ini dan menghantar kembali hasilnya kepada kita.

Pelayan ujian kami akan memproses data yang dihantar ke alamat /handler/:

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

Sebagai permulaan, mari kita hantar permintaan GET:

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

Mari kita dapatkan data yang dihantar di sisi pelayan:

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

Mari kita lakukan sesuatu dengan data ini dan hantar kembali:

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

Di sisi klien, dapatkan hasilnya dan output ke suatu tempat:

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