GET მოთხოვნების გაგზავნა AJAX-ის მეშვეობით JavaScript-ში

ახლა მოდით ვისწავლოთ მონაცემების გადაცემა სერვერზე AJAX მოთხოვნაში. სერვერი რაღაც იზამს ამ მონაცემებთან და გამოგვიგზავნის უკან შედეგს.

ჩვენი სატესტო სერვერი დაამუშავებს მონაცემებს, გაგზავნილებს მისამართზე /handler/:

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

დავიწყოთ იმით, რომ გავაგზავნოთ GET მოთხოვნა:

button.addEventListener('click', function() {
	let promise = fetch('/handler/?num=3');
});

მოდით მივიღოთ გაგზავნილი მონაცემები სერვერის მხარეს:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // გამოიტანს 3-ს
	}
}

მოდით რაღაც ვიზამოთ ამ მონაცემებთან და გავაგზავნოთ ისინი უკან:

export default {
	'/handler/': function({get}) {
		return get.num ** 2;
	}
}

კლიენტის მხარეს მივიღოთ შედეგი და გამოვიტანოთ იგი სადმე:

button.addEventListener('click', function() {
	fetch('/handler/?num=3').then(
		response => {
			return response.text();
		}
	).then(
		text => {
			console.log(text);
		}
	);
});

კლიენტზე მოცემულია div და ღილაკი. ღილაკზე დაჭერისას გაგზავნეთ სერვერზე ორი რიცხვი. სერვერმა უნდა იპოვოს გადაცემული რიცხვების ჯამი. შედეგი ჩაწერეთ div-ში.

სერვერზე იყოს მოცემული მასივი. სერვერმა უნდა ელოდოს, რომ პარამეტრად გადაეცემა რიცხვი, და დააბრუნოს მასივის ელემენტი, რომელიც შეესაბამება ამ რიცხვს. ღილაკზე დაჭერისას გადაეცით სერვერზე რაღაც რიცხვი, ხოლო სერვერის პასუხი გამოიტანეთ აბზაცში.