POST-päringute saatmine läbi AJAXi JavaScriptis

Saagem nüüd serverile POST-päringu. Selleks on funktsioonil fetch teine parameeter seadetega. Seades method määratakse HTTP-päringu meetod. Määrame meetodiks POST:

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

Määrame ka andmed, mida me soovime serverile saata. POST-päringutes edastatakse andmed HTTP-päringu kehas. Selleks tuleb andmed määrata seades body. Määrame need Query Stringi kujul, määrates nende tüübi vastava MIME-tüübiga:

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

Saame need andmed serveris kätte, teeme nendega midagi ja saadame need tagasi:

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

Kliendil on antud div ja nupp. Vajutades nuppu saatke serverile kolm numbrit POST-meetodil. Las server leiab edastatud arvude summa. Kirjutage tulemus divi.