Адпраўка 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);
	}
}

На кліенце дадзены дыў і кнопка. Па націску на кнопку адпраўце на сервер тры дадатныя лікі метадам POST. Хай сервер знайде суму перададзеных лікаў. Вынік запішыце ў дыў.