Ирсоли дархостҳои 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 ба сервер бифиристед. Бигзор сервер ҷамъи ададҳои фиристодашударо ёбад. Натиҷаро ба див нависед.