jspでフォームを送信した後、コントローラに送信される値を確認したい

Question

コントローラーからのフォームがmodelAttributeです。私はmodelAttributeを介して来る値を持つフォームを表示しています。しかし、ユーザーがフォームを変更してsubmitをクリックすると、どの情報がコントローラに返送されるのかを確認したい。私はコントローラに送られるすべての情報を見たいと思う。それは可能ですか？これまでのところ、私はこれがあります。

<form:form id="myForm" action="/success" method="post" modelAttribute="info"> 
.... 
</form:form> 

<script> 
$(document).ready(function(){ 
    $('#myForm').on('submit', function(e){ 
     e.preventDefault();   
     var data = $("#myForm").val(); 
     console.log(data); 
    }); 
}); 
</script> 

おかげ

編集：私は私の関数の内部var data = $("#myForm" :input').serializeArray();に変更した後

を、私は値が送信されるかを確認することができていますが、それはきちんと見ていません。他の方法でそれを行うには？おかげ

EDIT 2：

私はvar data = $("#myForm" :input').serialize();に変更した後は、私は値が前回よりも良い送信されたものを見ることができていますが、それでもコンソールでそれを印刷するためのより良い方法があります。ありがとう

Answer 1

私は基本的にjQueryの.each関数を実行して配列を反復処理しました。 console.log(value.name + ": " + value.value);行に注意してください。それで、私はオブジェクトとその値のすべての名前を取得しました。

$(document).ready(function(){ 
    $('#myForm').on('submit', function(e){ 
     e.preventDefault();   
     var data = $('#myForm :input').serializeArray();   
     $.each(data, function(key, value) { 
       console.log(value.name + ": " + value.value); 
      }); 
    }); 
}); 

これは私のソリューションです。しかし、私はこれを行うきれいで簡単な方法がなければならないことを知っています。あなたがそれを行う方法を知っているなら、あなたの答えを投稿してください。ブラウザでのWebネットワークのおかげ

Answer 2

移動し、あなただけのあなたにもちょうどネットワーク]タブを見ることができますコンソールに値を印刷する場合はリクエストボディとレスポンスボディ..