JavaScript'te AJAX ile POST İstekleri Gönderme

Şimdi sunucuya bir POST isteği gönderelim. Bunun için, fetch fonksiyonunun ikinci bir parametresi (ayarlar) vardır. method ayarında HTTP istek metodu belirtilir. POST metodunu belirtelim:

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

Ayrıca sunucuya göndermek istediğimiz verileri de belirtelim. POST isteklerinde veriler HTTP isteğinin gövdesinde (body) iletilir. Bunun için veriler body ayarında belirtilmelidir. Onları Query String formatında, tiplerini uygun bir MIME ile belirterek verelim:

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

Bu verileri sunucuda alalım, onlarla bir şeyler yapalım ve geri gönderelim:

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

İstemci tarafında bir div ve bir buton var. Butona tıklandığında sunucuya POST metoduyla üç sayı gönderin. Sunucunun iletilen sayıların toplamını bulmasını sağlayın. Sonucu div'e yazın.