Dërgimi i kërkesave POST përmes AJAX në JavaScript

Tani le të dërgojmë në server një kërkesë POST. Për këtë, funksioni fetch ka një parametër të dytë me konfigurime. Në konfigurimin method përcaktohet metoda HTTP e kërkesës. Le të përcaktojmë metodën POST:

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

Le të përcaktojmë gjithashtu të dhënat që duam t'i dërgojmë në server. Në kërkesat POST, të dhënat transmetohen në trupin e kërkesës HTTP. Për këtë të dhënat duhet të përcaktohen në konfigurimin body. Le t'i përcaktojmë ato në formën Query String, duke përcaktuar llojin e tyre me MIME-n përkatëse:

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

Le t'i marrim këto të dhëna në server, të bëjmë diçka me to dhe t'ia dërgojmë përsëri:

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

Në klient janë dhënë një div dhe një buton. Me klikim në butonin dërgoni në server tre numra me metodën POST. Le të gjejë serveri shumën e numrave të dërguar. Rezultatin shkruajeni në div.