Kutuma Maombi ya POST kupitia AJAX katika JavaScript

Hebu sasa tutumie kwa seva ombi la POST. Kwa hili, kitendakazi fetch kina parameta ya pili yenye mipangilio. Katika mpangilio method inaonyeshwa mbinu ya ombi la HTTP. Tuweke mbinu POST:

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

Hebu pia tuweke data ambayo tunataka kuituma kwa seva. Katika maombi ya POST, data hupelekwa katika mwili wa ombi la HTTP. Kwa hili data inahitaji kubainishwa katika mpangilio body. Tuibainishe kwa umbo la Query String, ikiweka aina yake inayofanana MIME:

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

Tutapata data hii kwenye seva, tufanye kitu nayo na tutumie kurudi nyuma:

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

Kwa mteja kuna div na kifungo. Ukipiga kifungo tume kwa seva namba tatu kwa mbinu ya POST. Acha seva ipate jumla ya namba zilizopitishwa. Andika matokeo kwenye div.