Sending av POST-forespørsler via AJAX i JavaScript

La oss nå sende en POST-forespørsel til serveren. For dette har funksjonen fetch en andre parameter med innstillinger. I innstillingen method spesifiseres HTTP-forespørselsmetoden. La oss spesifisere POST-metoden:

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

La oss også angi dataene som vi ønsker å sende til serveren. I POST-forespørsler overføres data i HTTP-forespørselskroppen. For dette må data angis i innstillingen body. La oss angi dem som Query String, og angi deres type med tilsvarende MIME:

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

La oss motta disse dataene på serveren, gjøre noe med dem og sende dem tilbake:

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

På klienten er det gitt en div og en knapp. Ved klikk på knappen, send tre tall til serveren med POST-metoden. La serveren finne summen av de overførte tallene. Skriv resultatet i div-en.