JavaScript арқылы AJAX көмегімен 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 әдісімен жіберіңіз. Сервер берілген сандардың қосындысын тапсын. Нәтижені дивке жазыңыз.