Métodos de envio de formulários em JavaScript

Os formulários podem ser enviados de duas maneiras: através do método GET ou do método POST. A forma de envio do formulário é regulada pelo atributo method do formulário.

Por exemplo, vamos especificar o método de envio GET para um formulário:

<form action="/handler/" method="GET">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

E agora o método POST:

<form action="/handler/" method="POST">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

Agora vamos ver qual é a diferença entre os dois métodos de envio. No caso do método GET, os dados do formulário ficarão visíveis no navegador na forma da chamada string de consulta (query string), que representa pares no formato chave-valor, onde a chave será o nome do elemento do formulário e o valor serão os dados inseridos nele. Além disso, os pares de valores serão separados por "e" comercial (&).

Os dados enviados pelo método GET chegarão no nosso servidor na propriedade get do objeto de dados:

export default {
	'/handler/': function(data) {
		console.log(data.get); // será exibido no console do servidor
		return 'dados do formulário recebidos';
	}
}

E 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); // será exibido no console do servidor
		return 'dados do formulário recebidos';
	}
}

Para resumir, pode-se fazer uma desestruturação, para obter os nossos dados em uma variável separada:

export default {
	'/handler/': function({get, post}) {
		console.log(get);
		console.log(post);
		return 'dados do formulário recebidos';
	}
}