tengo un formulario en una ventana modal, que hace un POST a una API en el servidor, y despues el servidor guarda la informacion en la BD. El servidor esta hecho con Node Js y express. El problema es que al hacer el submit, se abre la direcion IP de la API, y lo que yo necesito es que se vuelva a recargar la pagina principal de mi aplicacion. Ademas, como capturo la respuesta desde el servidor si la operacion fue exitosa o hubo un error... aqui el codigo del frontend:
<form action = {apiUrl} method = "POST">
<div className = "booking-checkOut">
<label >Check Out: </label>
<input type = "date" min = {minDate} name = "checkOut" required />
</div>
<div className = "booking-pasajero">
<input name = "idPasajero" placeholder = "Nro identificacion" />
<input name = "pasajero" placeholder = "pasajero" required/>
<input type="email" placeholder ="email" />
<input name = "nacionalidad" placeholder = "nacionalidad" />
</div>
<div className = "booking-booking">
<p>Datos de la Reserva</p>
<input type = "number" name = "cantPas" placeholder = "Cantidad de Pasajeros" min = "1" required/>
<input type = "number" name = "tarifa" placeholder = "tarifa" step = "0.01" min = "10" required/>
<textarea name = "observ" placeholder = "Observaciones"></textarea>
</div>
<input type = "hidden" name = "room" value = {props.data.roomNumb} />
<input type = "hidden" name = "checkIn" value = {props.data.checkIn} />
<input type = "hidden" name = "habitacionId" value = {props.data.roomID} />
<button type = "submit" className = "modal-btn primary">Confirmar</button>
</form>
<button
className = "Modal-close"
onClick={props.clickCerrar}
></button>
y en el servidor tengo esta ruta:
app.post(`${API_BASE}/new-booking`, (req, res) => {
data(req.body)
.then (pgdata => {
res.send("ok")
})
.catch(err => console.log(err))
}
que recibe los datos del form y con la funcion data lo guarda en la base de datos.
Saludos