Non puoi inviare dati a una pagina HTML. HTML è un formato di file statico e non può ricevere dati da solo. Un server può, ma non un file HTML.
Ciò che puoi fare, tuttavia, è intercettare la tua richiesta di post sul lato client, inviarla al client utilizzando XHR
e ricevendo nuovamente i dati sul lato client, quindi fai quello che vuoi quando lo script riceve datos . Fondamentalmente tutto accade tra la parte JavaScript della pagina e il server Node che riceve i dati POST e rimanda datos .
Ecco un semplice esempio di come intercettare la richiesta POST lato client:
document.querySelector('form').onsubmit = evt => {
// don't submit the form via the default HTTP redirect
evt.preventDefault();
// get the form values
const formData = {
name1: document.querySelector('input[name=name1]').value,
name2: document.querySelector('input[name=name2]').value
}
console.log('formData:', formData);
// send the form encoded in JSON to your server
fetch('https://your-domain.com/path/to/api', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(formData),
})
// receive datos from the server
.then(resp => resp.json())
.then(datos => {/* do what you want here */})
// catch potential errors
.catch(err => console.log('an error happened: '+err));
}<form>
<input name="name1" value="value1">
<input name="name2" value="value2">
<button type="submit">Submit</button>
</form>
PS:lo snippet sopra avrà esito negativo con un errore di rete perché è presente solo lo script lato client - non c'è nulla in esecuzione su https://your-domain.com/path/to/api , ma hai già incluso il codice del server corretto nella tua domanda. Basta terminare lo script del server con res.send(datos) .
