Envío de solicitudes POST a través de AJAX en JavaScript

Ahora enviemos al servidor una solicitud POST. Para ello, la función fetch tiene un segundo parámetro con configuraciones. En la configuración method se especifica el método de la solicitud HTTP. Especificamos el método POST:

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

También establezcamos los datos que deseamos enviar al servidor. En las solicitudes POST, los datos se envían en el cuerpo de la solicitud HTTP. Para ello, los datos deben especificarse en la configuración body. Especifiquémoslos en forma de Query String, estableciendo su tipo MIME correspondiente:

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

Obtengamos estos datos en el servidor, hagamos algo con ellos y enviémoslos de vuelta:

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

En el cliente, hay un div y un botón. Al hacer clic en el botón, envíe tres números al servidor usando el método POST. Deje que el servidor encuentre la suma de los números transmitidos. Escriba el resultado en el div.