Invio di moduli con il metodo POST in JavaScript
Ora impariamo a inviare moduli
con il metodo POST. Per fare ciò, impostiamo l'attributo method
del modulo sul valore corrispondente:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
La differenza con l'invio tramite metodo POST è che i dati inviati non saranno visibili nella barra degli indirizzi del browser. Questo è utile quando i dati sono troppo lunghi, o quando non vogliamo mostrarli all'utente nella barra degli indirizzi.
I dati inviati con il metodo POST arriveranno
sul nostro server nella proprietà post dell'oggetto
con i dati:
export default {
'/handler/': function(data) {
console.log(data.post);
return 'test';
}
}
Per brevità, possiamo usare la destrutturazione, per ottenere i nostri dati in una variabile separata:
export default {
'/handler/': function({post}) {
console.log(post);
return 'test';
}
}
Chiedi all'utente un login e una password. Dopo l'invio, confrontali con il login e la password memorizzati in variabili sul server. Se i dati coincidono, visualizza un messaggio di successo, altrimenti - un messaggio di fallimento.