Испраќање 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.