Slanje GET zahteva putem AJAX-a u JavaScript-u

Hajde sada da naučimo kako da prosledimo podatke serveru u AJAX zahtevu. Server će uraditi nešto sa tim podacima i poslati nam nazad rezultat.

Naš test server će obrađivati podatke poslate na adresu /handler/:

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

Za početak hajde da pošaljemo GET zahtev:

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

Hajde da dobijemo poslate podatke na strani servera:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // ispisaće 3
	}
}

Hajde da uradimo nešto sa tim podacima i pošaljemo ih nazad:

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

Na strani klijenta dobijamo rezultat i ispišimo ga negde:

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

Na klijentu je dat div i dugme. Klikom na dugme pošaljite serveru dva broja. Neka server nađe zbir prosleđenih brojeva. Rezultat zapišite u div.

Neka je na serveru dat niz. Neka server očekuje da će kao parametar biti prosleđen broj, i vraća element niza koji odgovara tom broju. Klikom na dugme prosledite serveru neki broj, a odgovor servera ispisite u pasus.