JavaScript-de AJAX arkaly GET soraglaryny ibermek

Indi AJAX soragy bilen serwere maglumat ibermegi öwreneliň. Serwer bu maglumatlar bilen bir zat eder we netijäni bize yzyna iberer.

Test serwerimiz şu salgya iberilen maglumatlary işler: /handler/:

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

Başlangyç hökmünde bir GET soragyny ibereliň:

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

Geliň serwer tarapynda iberilen maglumatlary alyň:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // 3-nji görkezer
	}
}

Geliň bu maglumatlar bilen bir zat edeliň we olary yzyna ibereliň:

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

Klient tarapynda netijäni alyň we ony bir ýere görkezeliň:

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

Klientde bir div we düwme bar. Düwmä basylanda serwere iki sany san iberiň. Serwer iberilen sanlaryň jemyny tapsyn. Netijani div-a ýazyň.

Serwerde bir massiw berlen bolsun. Serwer parametr hökmünde bir san iberiljekdigini garaşsyn we massiwden şol sana laýyk gelýän elementi yzyna gaýtarsyn. Düwmä basylanda serwere belli bir sany iberiň, serweriň jogabyny bolsa abzasda görkeziň.