JavaScript'te AJAX ile GET İstekleri Gönderme

Şimdi sunucuya AJAX isteğinde veri göndermeyi öğrenelim. Sunucu bu verilerle bir şeyler yapacak ve bize sonucu geri gönderecek.

Test sunucumuz, /handler/ adresine gönderilen verileri işleyecek:

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

Önce bir GET isteği gönderelim:

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

Sunucu tarafında gönderilen verileri alalım:

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

Bu verilerle bir şeyler yapalım ve geri gönderelim:

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

İstemci tarafında sonucu alalım ve bir yere yazdıralım:

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

İstemcide bir div ve bir buton var. Butona tıklandığında sunucuya iki sayı gönderin. Sunucunun iletilen sayıların toplamını bulmasını sağlayın. Sonucu div'e yazın.

Sunucuda bir dizi verilsin. Sunucunun, bir sayının parametre olarak iletileceğini beklesin ve bu sayıya karşılık gelen dizi elemanını döndürsün. Bir butona tıklandığında sunucuya bir sayı iletin ve sunucunun yanıtını bir paragrafa yazdırın.