JavaScript orqali AJAX yordamida POST so'rovlarini yuborish

Keling, endi serverga POST so'rovini yuboraylik. Buning uchun fetch funksiyasining ikkinchi parametri sozlamalar bilan mavjud. method sozlamasida HTTP so'rov metodini ko'rsatiladi. POST metodini ko'rsatamiz:

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

Keling, shuningdek, serverga yubormoqchi bo'lgan ma'lumotlarni ham belgilaylik. POST so'rovlarida ma'lumotlar HTTP so'rov tana qismida uzatiladi. Buning uchun ma'lumotlarni body sozlamasida ko'rsatish kerak. Ularni Query String shaklida ko'rsatamiz, ularning turini mos keladigan MIME bilan belgilab:

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

Keling, bu ma'lumotlarni serverda qabul qilaylik, ular bilan biror narsa qilaylik va qaytarib yuboraylik:

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

Klientda div va tugma mavjud. Tugmani bosganda serverga uchta raqamni POST metodi bilan yuboring. Server yuborilgan raqamlar yig'indisini topsin. Natijani divga yozing.