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-ში.