Адпраўка 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);
		}
	);
});

На кліенце дадзены дыў і кнопка. Пасля націску на кнопку адпраўце на сервер два дадатныя лікі. Хай сервер знайде суму перададзеных лікаў. Вынік запішыце ў дыў.

Хай на серверы дадзены масіў. Хай сервер чакае, што параметрам будзе перададзена лік, і вяртае элемент масіву, які адпавядае гэтаму ліку. Пасля націску на кнопку перадайце на сервер пэўны лік, а адказ сервера вывядзіце ў абзац.