JavaScript-də AJAX vasitəsilə POST sorğularının göndərilməsi

Gəlin indi serverə POST sorğusu göndərək. Bunun üçün fetch funksiyasının konfiqurasiya parametri olan ikinci parametri var. method konfiqurasiyasında HTTP sorğusunun metodu göstərilir. Gəlin POST metodunu göstərək:

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

Gəlin həmçinin serverə göndərmək istədiyimiz məlumatları da təyin edək. POST sorğularında məlumatlar HTTP sorğusunun body hissəsində ötürülür. Bunun üçün məlumatlar body konfiqurasiyasında göstərilməlidir. Onları Query String şəklində təyin edək, onların tipini uyğun MIME ilə təyin edərək:

button.addEventListener('click', function() {
	let promise = fetch('/handler/', {
		method: 'post',
		body: 'num1=1&num2=2',
		headers: {
			'Content-Type': 'application/x-www-form-urlencoded',
		},
	});
});

Gəlin bu məlumatları serverdə əldə edək, onlarla bir şey edək və geri göndərək:

export default {
	'/handler/': function({ post }) {
		return Number(post.num1) + Number(post.num2);
	}
}

Klientdə bir div və düymə var. Düyməyə klikləndikdə serverə üç ədədi POST metodu ilə göndərin. Serverin ötürülən ədədlərin cəmini tapmasına icazə verin. Nəticəni div-ə yazın.