GET užklausų siuntimas per AJAX JavaScript

Dabar išmokime perduoti duomenis į serverį AJAX užklausoje. Serveris ką nors darys su šiais duomenimis ir atsiųs mums atgal rezultatą.

Mūsų bandomasis serveris apdoros duomenis, siunčiamus į adresą /handler/:

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

Pirmiausia atlikime GET užklausą:

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

Gaukime išsiųstus duomenis serverio pusėje:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // išves 3
	}
}

Ką nors padarykime su šiais duomenimis ir atsiųskime juos atgal:

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

Kliento pusėje gausime rezultatą ir išvesime jį kur nors:

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

Klientui pateiktas div ir mygtukas. Paspaudus mygtuką atsiųskite į serverį du skaičius. Tegul serveris randa perduotų skaičių sumą. Rezultatą įrašykite į div.

Tegul serveryje pateiktas masyvas. Tegul serveris tiki, kad parametru bus perduotas skaičius, ir grąžina masyvo elementą, atitinkantį šį skaičių. Paspaudus mygtuką perduokite į serverį tam tikrą skaičių, o serverio atsakymą išveskite į pastraipą.