如何使用AJAX創建JSON對象並將其發送到JAVA後端？

我正在使用JAVA/REST作爲後端的Dynamic WebProject。我需要從html表單中提取數據，並將其作爲帶有AJAX的JSON對象發送到我的服務器。我怎樣才能做到這一點？如何使用AJAX創建JSON對象並將其發送到JAVA後端？

這是我的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對象。

來源

2017-09-04 avaXmovieS

看一看這裏https：// stackoverfl ow.com/a/11338832/578855 – muasif80

[使用jQuery將表單數據轉換爲JavaScript對象]可能的副本（https://stackoverflow.com/questions/1184624/convert-form-data-to-javascript-object-with- jQuery的） – tima

您可以獲取表單數據如下。下面是一個例子。

使用$('form').serializeArray()，它返回一個數組：

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

其他選項是$('form').serialize()，它返回一個字符串：

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

來源

2017-09-04 22:57:01

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

並設置

data : formData

來源

2017-09-05 04:53:27

如何使用AJAX創建JSON對象並將其發送到JAVA後端？

回答

相關問題