JSONオブジェクトを作成し、AJAXを使用してJAVAバックエンドに送信する方法は？

Question

私はバックエンドとしてJAVA/RESTを使ってDynamic WebProjectに取り組んでいます。私はhtmlフォームからデータを取得し、AJAXを持つJSONオブジェクトとしてサーバーに送信する必要があります。どうやってやるの？

これは私のHTMLフォームです：

<form role="form" id="registrac" method = "post" class = "ajaxForm"> 

     <input type="text" id="userName" class="form-control" placeholder="Korisnicko Ime"><br> 
     <input type="password" id="password" class="form-control" placeholder="Lozinka"><br> 
     <input type="text" id="firstName" class="form-control" placeholder="Ime"><br> 
     <input type="text" id="LastName" class="form-control" placeholder="Prezime"><br> 
     <input type="text" id="role" class="form-control" placeholder="Uloga"><br> 
     <input type="text" id="phone" class="form-control" placeholder="Telefon"><br> 
     <input type="text" id="email" class="form-control" placeholder="Email"><br> 
     <input type="text" id="address" class="form-control" placeholder="Adresa"><br> 
     <input type="text" id="image" class="form-control" placeholder="Slika"><br> 
     <input type="submit" id="regist" class="btn btn-lg btn-primary btn-block" value="Potvrdi"> 

</form> 

そして、これは私のAJAX機能である：

$.ajax({ 
      headers: { 
       'Accept': 'application/json', 
       'Content-Type': 'application/json' 
      }, 
      url: '../SnippetApp/rest/users/registerUser', 
      type : 'POST', 
      data : data, 
      success: function(response){ 

      } 


     }); 

私はデータを収集し、それJSONオブジェクトにする方法がわかりません。

Answer 1

以下のようにフォームデータを取得できます。以下は例です。配列を返す

使用$('form').serializeArray()、：

[ 
    {"name":"foo","value":"1"}, 
    {"name":"bar","value":"xxx"}, 
    {"name":"this","value":"hi"} 
] 

その他のオプションは、文字列を返す、$('form').serialize()次のとおりです。

"foo=1&bar=xxx&this=hi" 

Answer 2

var formData = JSON.stringify($("#myForm").serializeArray()); 

と見てください

data : formData