如何使用AJAX創建JSON對象並將其發送到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