Trimiterea cererilor POST prin AJAX în JavaScript

Haideți acum să trimitem către server o cerere POST. Pentru aceasta, funcția fetch are un al doilea parametru cu setări. În setarea method se specifică metoda HTTP a cererii. Să specificăm metoda POST:

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

Haideți de asemenea să setăm datele pe care dorim să le trimitem la server. În cererile POST, datele sunt transmise în corpul cererii HTTP. Pentru aceasta, datele trebuie specificate în setarea body. Să le specificăm sub formă de Query String, stabilind tipul lor corespunzător MIME:

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

Să primim aceste date pe server, să facem ceva cu ele și să le trimitem înapoi:

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

Pe client este dat un div și un buton. La apăsarea butonului trimiteți către server trei numere prin metoda POST. Lăsați serverul să găsească suma numerelor transmise. Rezultatul scrieți-l în div.