Odosielanie POST požiadaviek cez AJAX v JavaScripte

Pošleme teraz na server POST požiadavku. Na to má funkcia fetch druhý parameter s nastaveniami. V nastavení method sa uvádza metóda HTTP požiadavky. Zadajme metódu POST:

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

Zadajme tiež údaje, ktoré chceme odoslať na server. V POST požiadavkách sa údaje prenášajú v tele HTTP požiadavky. Na to treba údaje uviesť v nastavení body. Uveďme ich vo forme Query String, pričom ich typ nastavíme príslušným MIME:

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

Získajme tieto údaje na serveri, urobme s nimi niečo a pošleme ich späť:

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

Na klientovi je daný div a tlačidlo. Po kliknutí na tlačidlo odošlite na server tri čísla metódou POST. Nech server nájde súčet odoslaných čísel. Výsledok zapíšte do divu.