Изпращане на POST заявки чрез AJAX в JavaScript

Нека сега изпратим към сървъра 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);
	}
}

На клиента е даден div и бутон. При натискане на бутона изпратете към сървъра три числа чрез метод POST. Нека сървърът намери сумата на подадените числа. Запишете резултата в div-а.