Envio de formulários com método GET em JavaScript
Vamos implementar o envio de um formulário usando o método GET com um exemplo. Suponha que temos um formulário onde números são inseridos em seus inputs:
<form action="/handler/" method="GET">
<input name="num1">
<input name="num2">
<input type="submit">
</form>
Suponha que o servidor encontre a soma dos números recebidos e envie o resultado de volta para o navegador. Para começar, vamos obter os números enviados:
export default {
'/handler/': function({get}) {
console.log(get.num1);
console.log(get.num2);
return 'dados do formulário recebidos';
}
}
Agora, vamos encontrar sua soma e enviá-la de volta para o navegador:
export default {
'/handler/': function({get}) {
return Number(get.num1) + Number(get.num2);
}
}
Crie um formulário com cinco inputs, nos quais são inseridos números. Faça com que o servidor calcule a média aritmética dos números transmitidos e envie o resultado de volta para o navegador.
Pergunte ao usuário seu nome, sobrenome e nome do meio. Envie os dados para o servidor. Faça com que o servidor retorne uma mensagem de sucesso como resposta.
Pergunte ao usuário uma data no formato ano-mês-dia. Envie a data para o servidor. Faça com que o servidor verifique a correção do formato da data. Se a data estiver correta - faça com que ele retorne uma mensagem de sucesso, e se estiver incorreta - uma mensagem de falha.