AJAX аркылуу JavaScriptте POST сурамын жөнөтүү

Эми серверге POST сурамын жөнөтөлү. Бул үчүн fetch функциясынын экинчи параметри жөндөөлөр менен болот. method жөндөөсүндө HTTP сурамынын методу көрсөтүлөт. POST методун көрсөтөлү:

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

Ошондой эле биз серверге жөнөткүбүз келген берилиштерди дагы көрсөтөлү. POST сурамдарында берилиштер HTTP сурамынын денесинде ташылат. Бул үчүн берилиштерди body жөндөөсүндө көрсөтүү керек. Аларды Query String түрүндө көрсөтүп, тибин ылайыктуу MIME менен белгилейли:

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

Бул берилиштерди серверден алалы, алар менен бир нерсе жасап, жана кайра жөнөтөлү:

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

Клиентте див жана баскыч берилген. Баскычты басканда үч санды POST методу менен серверге жөнөтүңүз. Сервер жөнөтүлгөн сандардын суммасын тапсын. Натыйжаны дивге жазыңыз.