JavaScript-de AJAX arkaly POST haýyşlaryny ibermek

Indi serwere POST haýyşyny ibereli. Bunuň üçin fetch funksiýasynyň ikinji parametri sazlamalar bilen bar. method sazlamasynda HTTP haýyşynyň metody görkezilýär. POST metodyny görkezeli:

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

Gel, şeýle hem serwere iberjek bolýan maglumatlary belgileýeli. POST haýyşlarynda maglumatlar HTTP haýyşynyň gövnesinde iberilýär. Bunuň üçin maglumatlar body sazlamasynda görkezilmeli. Olar Query String görnüşinde görkezilip, olaryň tipi degişli MIME bilen berilýär:

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

Bu maglumatlary serwerden alyp, olar bilen bir zat edeli we yzyna ibereli:

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

Klientde bir div we düwme bar. Düwme basylanda üç sany san POST metody bilen serwere iberiliň. Serwer iberilen sanlaryň jemyny tapmaly. Netijäni div-e ýazyň.