Envio de formulários com método POST em JavaScript
Agora vamos aprender a enviar formulários
usando o método POST. Para isso, definiremos o atributo method
do formulário com o valor correspondente:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
A diferença no envio pelo método POST é que os dados enviados não ficarão visíveis na barra de endereço do navegador. Isso é útil quando os dados são muito longos ou quando não queremos mostrá-los ao usuário na barra de endereço.
Os dados enviados pelo método POST chegarão
no nosso servidor na propriedade post do objeto
de dados:
export default {
'/handler/': function(data) {
console.log(data.post);
return 'test';
}
}
Para resumir, podemos usar a desestruturação para obter nossos dados em uma variável separada:
export default {
'/handler/': function({post}) {
console.log(post);
return 'test';
}
}
Solicite ao usuário um login e uma senha. Após o envio, compare-os com o login e a senha armazenados em variáveis no servidor. Se os dados coincidirem, exiba uma mensagem de sucesso, caso contrário, exiba uma mensagem de falha.