JavaScript orqali AJAX GET so'rovlarini yuborish

Keling, endi AJAX so'rovida ma'lumotlarni serveryga uzatishni o'rganaylik. Server bu ma'lumotlar bilan qandaydir amallarni bajaradi va natijani bizga qaytarib yuboradi.

Bizning test serverimiz /handler/ manziliga yuborilgan ma'lumotlarni qayta ishlaydi:

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

Keling, boshlanishiga GET so'rovini yuboraylik:

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

Keling, server tomonda yuborilgan ma'lumotlarni olamiz:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // 3 ni chiqaradi
	}
}

Keling, bu ma'lumotlar bilan biror narsa qilaylik va ularni orqaga qaytarib yuboraylik:

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

Client tomonda natijani olamiz va uni biror joyga chiqaramiz:

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

Clientda div va tugma berilgan. Tugma bosilganda serverya ikkita raqam yuboring. Server yuborilgan raqamlar yig'indisini topsin. Natijani divga yozing.

Serverni massiv berilgan bo'lsin. Server parametr sifatida raqam uzatilishini kutsin, va massivning shu raqamga mos keladigan elementini qaytarsin. Tugma bosilganda serverya ma'lum bir raqamni yuboring, server javobini esa abzatsda chiqaring.