如何使用 AJAX 创建 JSON 对象并将其发送到 JAVA 后端？答案

【问题标题】：How to create JSON object and send it to JAVA backend, using AJAX?如何使用 AJAX 创建 JSON 对象并将其发送到 JAVA 后端？
【发布时间】：2018-02-13 03:37:00
【问题描述】：

我正在使用 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 对象。

【问题讨论】：

看看这里stackoverflow.com/a/11338832/578855
Convert form data to JavaScript object with jQuery的可能重复

标签： java jquery json ajax rest

【解决方案1】：

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

并设置

data : formData

【讨论】：

【解决方案2】：

您可以获得如下表格数据。下面是一个例子。

使用$('form').serializeArray()，返回一个数组：

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

其他选项是$('form').serialize()，它返回一个字符串：

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

【讨论】：