JQueryを使用したjavascriptオブジェクトの要素の要素

Question

フォーム要素をJavaScript要素に変換するにはどうすればよいでしょうか？

各要素をループさせることなくJavaScriptオブジェクトを自動的に作成する方法をお勧めします。私はvar formData = f.serialize();のように返された文字列は望んでいません。

マイHTML

<script type="text/javascript"> 
$(function() { 
    $("#sendrfr").click(function() { 

     var f = $("#Commtnx"); 
     var formData = f.serialize(); 

     alert(formData); 
    }); 
}); 
</script> 

<div id="outter"> 
     <form id="Commtnx" action="/Home/Test1" method="post" name="down"> 
     <div id="inner"> 
      <input id="input1" type="text" value="2" /> 
     </div>  
     </form> 
    </div> 

<input type="submit" id="sendrfr" /> 

Answer 1

serializeArray（）はそれだけです。

$('form').on('submit',function(e){ 
    e.preventDefault(); 
    var output = $(this).serializeArray(); 
    console.log(output); 
}); 

Answer 2

オブジェクトの配列に<form>要素をシリアル化するために.serializeArray()を使用してください。