ajax urlで複数の配列値を渡す方法

Question

私は複数の値を持っていますが、私はすべての値を一度にコントローラクラスに渡そうとしています。

ただし、最後の値はURLで渡されます。

function submitFormData(formData) { 
var x = []; 
for(var i = 0;i < formData.length ;i++){ 
    alert(i); 
    x = []; 
    x.push(formData[i].name); 
    x.push(formData[i].email); 
    x.push(formData[i].message); 
} 
var url= '/userrecords?x='+x; 
alert(url); 
    $.ajax({ 
      type: 'POST', 
      data: formData, 
      cache: false, 
      processData: false, 
      contentType: false, 
      beforeSend: beforeSendHandler, 
      url: url, 
      success: function(result){ 
      if(result.success == true) { 
       $('.alert-success').show(); 
       $('.alert-danger').hide(); 
       $("#successmsg").html(result.msg); 
       setTimeout(function() { 
       $(".alert-success").alert('close'); 
       }, 10000); 
      } else { 
       $('.alert-danger').show(); 
       $('.alert-success').hide(); 
       $("#error").html(result.msg); 
       setTimeout(function() { 
       $(".alert-danger").alert('close'); 
       }, 10000); 
      } 
      } 
    }); 
} 

コントローラクラス

私のコードで間違って何

@RequestMapping(value = "/userrecords") 
public @ResponseBody StatusResponse saveList(@RequestParam(required = false) String x,Model model) 
    throws ParseException, SQLIntegrityConstraintViolationException { 
    //read all values here 
} 

。そしてコントローラのすべての値を読み込む方法。

Answer 1

JSONで配列出力を変換してAJAXを使用して送信し、コンテンツタイプをJSONとして定義する必要があります。

jquery ajaxを使用することもできますが、リクエストレスポンスは非常に簡単です。

$.ajax({ 
type: "POST", 
dataType: 'json', 
url:"URL here", 
success: function(data) // response 
{} 
}); 

Answer 2

フォームデータを以下のようにajaxデータとして投稿する必要があります。

xをajaxデータとして渡すことができます。

function submitFormData(formData) { 
var x = []; 
for(var i = 0;i < formData.length ;i++){ 
    alert(i); 
    x.push(formData[i].name); 
    x.push(formData[i].email); 
    x.push(formData[i].message); 
} 
var url= '/userrecords'; 
alert(url); 
    $.ajax({ 
      type: 'POST', 
      data: x, 
      cache: false, 
      processData: false, 
      contentType: false, 
      beforeSend: beforeSendHandler, 
      url: url, 
      success: function(result){ 
      if(result.success == true) { 
       $('.alert-success').show(); 
       $('.alert-danger').hide(); 
       $("#successmsg").html(result.msg); 
       setTimeout(function() { 
       $(".alert-success").alert('close'); 
       }, 10000); 
      } else { 
       $('.alert-danger').show(); 
       $('.alert-success').hide(); 
       $("#error").html(result.msg); 
       setTimeout(function() { 
       $(".alert-danger").alert('close'); 
       }, 10000); 
      } 
      } 
      }); 
}