Podría ocurrir que necesites enviar datos por POST pero que no dispongas de un formulario en la página donde el usuario haya escrito esos datos. Es decir, generar desde cero los datos del formulario, con variables o datos que tengas en Javascript.
Esto es perfectamente posible, aunque es algo más relativo al uso del objeto FormData que a la propia llamada Ajax con Fetch. Lo conseguimos mediante dos pasos.
Creamos un objeto FormData vacío, simplemente enviando al constructor FormData los paréntesis vacíos.
Creamos todos los datos arbitrarios con el método append() que recibe el dato que se quiere agregar al FormData, con su par clave/valor.
El código te quedará como puedes ver a continuación.
const data = new FormData();
data.append(‘empresa’, ‘DesarrolloWeb.com’);
data.append(‘CIF’, ‘ESB00001111’);
data.append(‘formacion_profesional’, ‘EscuelaIT’);
fetch(‘../post.php’, {
method: ‘POST’,
body: data
})
.then(function(response) {
if(response.ok) {
return response.text()
} else {
throw «Error en la llamada Ajax»;
}
})
.then(function(texto) {
console.log(texto);
})
.catch(function(err) {
console.log(err);
});