Skicka POST-förfrågningar via AJAX i JavaScript

Låt oss nu skicka en POST-förfrågan till servern. För detta har funktionen fetch en andra parameter med inställningar. I inställningen method anges HTTP-metoden för förfrågan. Låt oss ange metoden POST:

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

Låt oss också ange data som vi vill skicka till servern. I POST-förfrågningar skickas data i brödtexten i HTTP-förfrågan. För detta måste data anges i inställningen body. Låt oss ange dem i form av Query String, och ange deras typ med motsvarande MIME:

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

Låt oss ta emot denna data på servern, göra något med den och skicka tillbaka den:

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

På klientsidan finns en div och en knapp. Vid klick på knappen, skicka tre nummer till servern med POST-metoden. Låt servern hitta summan av de överförda talen. Skriv resultatet i div-elementet.