Слање GET захтева преко AJAX-а у JavaScript-у

Хајде сада да научимо како да проследимо податке на сервер у AJAX захтеву. Сервер ће нешто урадити са тим подацима и послати нам назад резултат.

Наш тестни сервер ће обрадити податке послате на адресу /handler/:

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

За почетак, хајде да пошаљемо GET захтев:

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

Хајде да примимо послате податке на страни сервера:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // исписаће 3
	}
}

Хајде да нешто урадимо са овим подацима и пошаљемо их назад:

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

На страни клијента ћемо примити резултат и исписати га негде:

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

На клијенту су дати div и дугме. Притиском на дугме пошаљите на сервер два броја. Нека сервер пронађе суму прослеђених бројева. Резултат запишите у div.

Нека на серверу буде дат низ. Нека сервер очекује да ће параметром бити прослеђен број, и враћа елемент низа који одговара том броју. Притиском на дугме пошаљите на сервер одређени број, а одговор сервера испишите у пасус.