Dërgimi i kërkesave GET përmes AJAX në JavaScript

Tani le të mësojmë të dërgojmë të dhëna në server në një kërkesë AJAX. Serveri do të bëjë diçka me këto të dhëna dhe do të na dërgojë përsëri rezultatin.

Serveri ynë testues do të përpunojë të dhënat e dërguara në adresën /handler/:

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

Për fillim le të dërgojmë një kërkesë GET:

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

Le të marrim të dhënat e dërguara në anën e serverit:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // do të shfaqë 3
	}
}

Le të bëjmë diçka me këto të dhëna dhe t'ia dërgojmë përsëri:

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

Në anën e klientit le të marrim rezultatin dhe ta shfaqim diku:

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

Në klient jepet një div dhe një buton. Me klikim në butonin dërgo në server dy numra. Le të gjejë serveri shumën e numrave të dërguar. Rezultatin shkruaje në div.

Le të ketë në server një array. Le të presë serveri që si parametër të dërgohet një numër, dhe të kthejë elementin e array-it që korrespondon me këtë numër. Me klikim në buton dërgo në server një numër, ndërsa përgjigjen e serverit shfaqe në një paragraf.