Trimiterea cererilor GET prin AJAX în JavaScript

Să învățăm acum cum să transmitem date către server într-o cerere AJAX. Serverul va face ceva cu aceste date și ne va trimite înapoi rezultatul.

Serverul nostru de test va procesa datele trimise la adresa /handler/:

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

Pentru început, să trimitem o cerere GET:

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

Să obținem datele trimise de partea serverului:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // va afișa 3
	}
}

Să facem ceva cu aceste date și să le trimitem înapoi:

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

De partea clientului, vom obține rezultatul și îl vom afișa undeva:

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

Pe client este dat un div și un buton. La apăsarea butonului, trimiteți către server două numere. Lăsați serverul să găsească suma numerelor transmise. Rezultatul scrieți-l în div.

Fie dat un array pe server. Lăsați serverul să aștepte că va fi transmis un număr ca parametru, și să returneze elementul array-ului corespunzător acestui număr. La apăsarea butonului, transmiteți către server un număr, iar răspunsul serverului afișați-l într-un paragraf.