Enviando requisições POST via AJAX em JavaScript

Agora vamos enviar ao servidor uma requisição POST. Para isso, a função fetch tem um segundo parâmetro com configurações. Na configuração method é especificado o método da requisição HTTP. Vamos especificar o método POST:

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

Vamos também definir os dados que desejamos enviar ao servidor. Em requisições POST, os dados são enviados no corpo da requisição HTTP. Para isso, os dados precisam ser especificados na configuração body. Vamos especificá-los na forma de Query String, definindo seu tipo com o MIME correspondente:

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

Vamos obter esses dados no servidor, fazer algo com eles e enviá-los de volta:

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

No cliente, há um div e um botão. Ao clicar no botão, envie três números para o servidor usando o método POST. Deixe o servidor calcular a soma dos números transmitidos. Escreva o resultado no div.