JavaScriptте AJAX аркылуу GET сурамдарын жөнөтүү

Келгиле, азыр 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);
		}
	);
});

Клиентте бир див жана баскыч берилген. Баскычты басканда, серверге эки санды жөнөткүлө. Сервер жөнөтүлгөн сандардын суммасын тапсын. Натыйжаны дивге жазыңыз.

Серверде массив берилсин деп коёлу. Сервер параметр катары сан берилет деп күтсүн жана массивдин ушул санга туура келген элементин кайтарсын. Баскычты басканда, серверге бир санды жөнөткүлө, ал эми сервердин жообун абзацта чыгаргыла.