JavaScript орқали AJAX воситасида POST сўровларни юбориш

Энди серверга POST сўров юборайлик. Бунга fetch функциясининг иккинчи параметри – мосламалар хизмат қилади. method мосламасида HTTP сўровнинг методи кўрсатилади. POST методини кўрсатамиз:

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

Келинг, биз серверга юбормоқчи бўлган маълумотларни ҳам белгилаб оламиз. POST сўровларда маълумотлар HTTP сўровнинг теласида юборилади. Бунинг учун маълумотлар body мосламасида кўрсатилиши керак. Уларни Query String кўринишида, уларнинг турини мос MIME билан белгилаб кўрамиз:

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

Келинг, бу маълумотларни серверда қабул қилиб, улар бирон иш бажариб, сўнгра қайтариб юборайлик:

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

Клиент тарафда див ва тугма мавжуд. Тугма босилганда учта сонни POST методи билан серверга юборинг. Сервер эса юборилган сонларнинг йиғиндисини топсин. Натижани дивга ёзинг.