Mengirim Permintaan POST melalui AJAX di JavaScript

Sekarang mari kita kirim ke server permintaan POST. Untuk ini, fungsi fetch memiliki parameter kedua dengan pengaturan. Di pengaturan method ditentukan metode permintaan HTTP. Tentukan metode POST:

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

Mari kita juga tentukan data yang ingin kita kirim ke server. Dalam permintaan POST, data dikirimkan di badan permintaan HTTP. Untuk ini data perlu ditentukan di pengaturan body. Tentukan data tersebut dalam bentuk Query String, dengan menetapkan tipe MIME yang sesuai:

button.addEventListener('click', function() {
	let promise = fetch('/handler/', {
		method: 'post',
		body: 'num1=1&num2=2',
		headers: {
			'Content-Type': 'application/x-www-form-urlencoded',
		},
	});
});

Mari kita ambil data ini di server, lakukan sesuatu dengannya, dan kirimkan kembali:

export default {
	'/handler/': function({ post }) {
		return Number(post.num1) + Number(post.num2);
	}
}

Di klien, terdapat div dan tombol. Saat tombol ditekan, kirimkan tiga angka ke server menggunakan metode POST. Biarkan server menemukan jumlah dari angka-angka yang dikirim. Tulis hasilnya ke dalam div.