Usando jQuery eu consigo usar o método .serialize()
para retornar em forma de string todos os itens do formulário com seus respectivos valores, como, por exemplo, o formulário mais abaixo, irá me retornar:
nome=dvd&email=dvd%40dvd.com&sexo=1
Formulário:
$("form").on("submit", function(e){
e.preventDefault();
var form = $(this).serialize();
console.log(form);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="text" name="nome" value="dvd" />
<br />
<input type="text" name="email" value="[email protected]" />
<br />
<input type="radio" name="sexo" value="1" checked> masculino
<input type="radio" name="sexo" value="2"> feminino
<br />
<input type="submit" value="Enviar" />
</form>
Como eu poderia obter a mesma string (resultado do serialize()
do jQuery) mas usando JavaScript puro?
Considere que o formulário acima é apenas um exemplo básico. O formulário poderá ter outros elementos, como
select
,textarea
,button
etc.