Испраќање на 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.

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