Afsendelse af POST-forespørgsler via AJAX i JavaScript

Lad os nu sende en POST-forespørgsel til serveren. Til dette har funktionen fetch en anden parameter med indstillinger. I indstillingen method angives HTTP-forespørgselsmetoden. Lad os angive metoden POST:

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

Lad os også angive dataene, som vi vil sende til serveren. I POST-forespørgsler sendes data i HTTP-forespørgslens body. For at gøre dette skal data angives i indstillingen body. Lad os angive dem som Query String og angive deres type med den tilsvarende MIME-type:

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

Lad os modtage disse data på serveren, gøre noget med dem og sende dem tilbage:

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

På klienten er der givet en div og en knap. Ved klik på knappen skal du sende tre tal til serveren via POST-metoden. Lad serveren finde summen af de sendte tal. Skriv resultatet i div'en.