Método serialize() do jQuery ajax
Exemplo
Saiba o resultado da serialização dos valores do formulário:
$("button").click(function(){
$("div").text($("form").serialize());
});
Definição e uso
O método serialize() cria uma string de texto codificado em URL ao serializar os valores do formulário.
Você pode escolher um ou mais elementos de formulário (por exemplo, input e/ou caixa de texto), ou o elemento formulário em si.
Os valores serializados podem ser usados na string de consulta de URL ao gerar solicitações AJAX.
Sintaxe
$(selector).serialize()
Explicação detalhada
.serialize() método cria uma string de texto representada pelo URL padrão de codificação. Seu objeto de operação é o objeto jQuery que representa a coleção de elementos do formulário.
Os elementos do formulário têm vários tipos:
<form>
<div><input type="text" name="a" value="1" id="a" /></div>
<div><input type="text" name="b" value="2" id="b" /></div>
<div><input type="hidden" name="c" value="3" id="c" /></div>
<div>
<textarea name="d" rows="8" cols="40">4</textarea>
</div>
<div><select name="e">
<option value="5" selected="selected">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select></div>
<div>
<input type="checkbox" name="f" value="8" id="f" />
</div>
<div>
<input type="submit" name="g" value="Submit" id="g" />
</div>
</form>
.serialize() método pode operar no objeto jQuery selecionado de elementos individuais do formulário, como <input>, <textarea> e <select>. No entanto, serializar o <form> etiqueta em si é geralmente mais fácil:
$('form').submit(function() {
alert($(this).serialize());
return false;
});
Saída da string de consulta padrão:
a=1&b=2&c=3&d=4&e=5
Notas:Apenas serializa o 'controlador bem-sucedido'. Se não usar botão para submeter formulário, não serializa o valor do botão de submissão. Se o valor do elemento do formulário precisar ser incluído na string de consulta serializada, o elemento deve usar o atributo name.
