POST užklausų siuntimas per AJAX JavaScript

Dabar išsiųskime į serverį POST užklausą. Tam funkcijos fetch antrasis parametras yra nustatymai. Nustatyme method nurodomas HTTP užklausos metodas. Nurodykime POST metodą:

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

Taip pat nustatykime duomenis, kuriuos norime išsiųsti į serverį. POST užklausose duomenys perduodami HTTP užklausos body dalyje. Tam duomenis reikia nurodyti nustatyme body. Nurodykime juos Query String formatu, nustatydami atitinkamą MIME tipą:

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

Gaukime šiuos duomenis serveryje, atlikime su jais kažką ir išsiųskime atgal:

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

Kliente yra div ir mygtukas. Paspaudus mygtuką, išsiųskite į serverį tris skaičius POST metodu. Tegul serveris randa perduotų skaičių sumą. Rezultatą įrašykite į div.