data（）オブジェクトにフォーム値を格納する方法は？

Question

送信後にdata()オブジェクトにフォームデータを簡単に保存する方法はありますか？

これは私のフォームであると仮定します

<form id='myform'> 
<input type='text' name='bar' value='lorem'/> 
<input type='text name='foo' value='ipsum'/> 
</form> 

後にデータを送信するには、次のように保存する必要があります。

$("#myform").data('bar','lorem'); 
$("#myform").data('foo','ipsum'); 

Answer 1

あなたはこのような何かがあります。

$('#myform').submit(function(e) { 
    e.preventDefault(); // don't submit the form 
    var form = $(this); // store it for later reference 
    form.children('input').each(function() { 
     form.data($(this).attr('name'), $(this).attr('value')); 
    }); 
}); 

編集を：コードにエラーがありました（getChildren»children、myform»#myform） - これを修正しました。

このスクリプトはフォームを送信しないことに注意してください。 form.serialize()：実際には、jQueryのは、すでにビルトインこの機能を持っている：あなたは更新 http://docs.jquery.com/Ajax/serialize

:)ことをやってsome nifty ajaxを追加することができます。有効なクエリ文字列を返します：

<form id="myForm"> 
    <input type="radio" value="A" name="foo" checked="checked" /> A<br /> 
    <input type="radio" value="B" name="foo" /> B 
    <input type="text" name="bar" value="Bla bla" /> 
</form> 
<script> 
var queryString = $('#myForm').serialize(); //foo=A&bar=Bla+bla 
</script>