Ирсоли дархостҳои 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 сабт кунед.

Бигзор дар сервер як массив дода шавад. Бигзор сервер интизор шавад, ки параметр як адад фиристода шавад, ва унсури массиве, ки ба ин адад мувофиқат мекунад, баргардонад. Босуръати тугма ададе ба сервер бифиристед, ва ҷавоби серверро дар як абзас хориҷ кунед.