Invio di richieste POST tramite AJAX in JavaScript

Ora inviamo al server una richiesta POST. Per questo, la funzione fetch ha un secondo parametro con le impostazioni. Nell'impostazione method si specifica il metodo della richiesta HTTP. Specifichiamo il metodo POST:

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

Specifichiamo anche i dati che vogliamo inviare al server. Nelle richieste POST, i dati vengono trasmessi nel corpo della richiesta HTTP. Per questo i dati devono essere specificati nell'impostazione body. Specifichiamoli sotto forma di Query String, impostando il loro tipo con il corrispondente MIME:

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

Riceviamo questi dati sul server, facciamo qualcosa con essi e inviamoli indietro:

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

Sul client sono presenti un div e un pulsante. Alla pressione del pulsante, invia al server tre numeri con il metodo POST. Lascia che il server trovi la somma dei numeri trasmessi. Scrivi il risultato nel div.