JavaScript арқылы AJAX көмегімен GET сұрауларын жіберу

Енді серверге 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);
		}
	);
});

Клиентте див және батырма берілген. Батырманы басқанда серверге екі сан жіберіңіз. Сербер жіберілген сандардың қосындысын тапсын. Нәтижені дивке жазыңыз.

Серверде массив берілсін. Сервер параметр ретінде сан жіберілетінін күтіп, сол санға сәйкес келетін массив элементін қайтарсын. Батырманы басқанда серверге бір сан жіберіңіз, ал сервердің жауабын абзацқа шығарыңыз.