Kutuma Maombi ya GET kupitia AJAX katika JavaScript

Hebu sasa tujifunze kupeleka data kwa seva kwenye ombi la AJAX. Seva itafanya kitu na hii data na kututumia nyuma matokeo.

Seva yetu ya majaribio itashughulikia data iliyotumwa kwa anwani /handler/:

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

Kuanza hebu tutumie ombi la GET :

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

Hebu tupate data iliyotumwa kwenye upande wa seva:

export default {
	'/handler/': function({get}) {
		console.log(get.num); // itatoa 3
	}
}

Hebu tufanye kitu na hii data na tupe nyuma:

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

Kwenye upande wa mteja tutapata matokeo na kuyatoa mahali pengine:

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

Kwenye mteja kuna div na kifungo. Ukipiga kifungo tuma kwa seva namba mbili. Acha seva ipate jumla ya namba zilizopitishwa. Matokeo yaandikwe kwenye div.

Acha kwenye seva kupewa safu. Acha seva itazame, kwamba kigezo kitapitishwa kama namba, na irudishe kipengele cha safu, kinachofanana na hii namba. Ukipiga kifungo peleka kwa seva namba fulani, na jibu la seva litolewe kwenye aya.