Слање POST захтева преко AJAX у JavaScript-у

Хајде сада да пошаљемо на сервер 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);
	}
}

На клијенту су дати div и дугме. Притиском на дугме пошаљите на сервер три броја методом POST. Нека сервер пронађе збир прослеђених бројева. Резултат уписати у div.