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-ում։