data() 객체에 양식 값을 저장하는 방법은 무엇입니까?

Question

제출 후 data() 개체에 양식 데이터를 저장하는 쉬운 방법이 있습니까?

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

Answer 1

은 당신이 뭔가를 할 수 있습니다 :

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

이 후 데이터는 다음과 같이 보관해야 제출 :

이 내 양식을 가정 해

$('#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>