Slanje POST zahteva preko AJAX-a u JavaScriptu

Hajde sada da pošaljemo POST zahtev serveru. Za to, funkcija fetch ima drugi parametar sa podešavanjima. U podešavanju method se navodi metoda HTTP zahteva. Navedimo metod POST:

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

Hajde takođe da postavimo podatke koje želimo da pošaljemo serveru. U POST zahtevima podaci se prenose u telu HTTP zahteva. Za to podatke treba navesti u podešavanju body. Navedimo ih u vidu Query String, postavljajući njihov tip odgovarajućim MIME-om:

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

Dobijemo ove podatke na serveru, uradimo nešto sa njima i pošaljimo ih nazad:

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

Na klijentu su dati div i dugme. Pritiskom na dugme pošaljite serveru tri broja metodom POST. Neka server pronađe zbir prosleđenih brojeva. Rezultat zapišite u div.