Mengirim Permintaan GET melalui AJAX di JavaScript

Sekarang mari kita belajar mengirimkan data ke server dalam permintaan AJAX. Server akan melakukan sesuatu dengan data ini dan mengirimkan kembali hasilnya kepada kita.

Server tes kami akan memproses data yang dikirim ke alamat /handler/:

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

Untuk memulainya, mari kita kirim permintaan GET :

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

Mari kita dapatkan data yang dikirim di sisi server:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // akan menampilkan 3
	}
}

Mari kita lakukan sesuatu dengan data ini dan kirimkan kembali:

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

Di sisi klien, kita dapatkan hasilnya dan tampilkan di suatu tempat:

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

Di klien, terdapat div dan tombol. Saat tombol ditekan, kirimkan dua angka ke server. Biarkan server menemukan jumlah dari angka yang dikirim. Hasilnya tuliskan ke dalam div.

Misalkan di server terdapat sebuah array. Biarkan server mengharapkan sebuah angka dikirim sebagai parameter, dan mengembalikan elemen array yang sesuai dengan angka tersebut. Saat tombol ditekan, kirimkan suatu angka ke server, dan jawaban dari server tampilkan dalam paragraf.