Ajax経由で複数のJSONオブジェクトを送信

Question

Ajax経由で複数のJSONオブジェクトを送信しようとしています。

私のオブジェクト（複数のフォームから作成）は以下のとおりです。

AjaxがJSONをその空に送信すると、しかし、私はjsonオブジェクトのいずれかを検索する場合、値が含まれています。私は問題が私がマルチレイヤオブジェクトを作成するときにあるようだと思う。

コントローラのオブジェクトにどのようにアクセスできるかを理解する必要があります。

data.dataFormOne.titleのようになりますか？

var dataFormOne = ''; 
var dataFormTwo = ''; 
var dataFormThree = ''; 

$("#formone").submit(function(e){ 
    var title = $('select[name="Title"]').val();  
    dataFormOne = {firstname: firstname}; 
});     

$("#formtwo").submit(function(e){ 
    var address = $("#address").val();;  
    dataFormTwo = {address: address}; 
});         

$("#formtwo").submit(function(e){ 
    var country = $("#country").val();; 
    dataFormThree = {country: country}; 
});       

function sendData() { 
    var data = { 
    formone: dataFormOne, 
    formtwo: dataFormTwo, 
    formThree: dataFormThree, 
    }; 

    $.ajax({ 
    type: "POST", 
    url:URL, 
    dataType: "json", 
    data: data , 
    cache: false, 
    success: function (data) { 
     if (data.result) { 
     console.log(data.result); 
     } else { 
     alert("There has been an error\nPlease make sure you are logged in."); 
     } 
    }, 
    complete: function() {} 
    });     
} 

Answer 1

あなたのAjaxの構成 にtrueに設定され、伝統的な、私はあなたの質問からのコード例を作成しました。この

traditional : true, 
data:{formone: dataFormOne,formtwo: dataFormTwo,formThree: dataFormThree} 

Answer 2

のようにそれを送ります。欠落していたことがいくつかあります（各送信時にsendDataを呼び出さないなど）。また、1ページの複数のフォームは「許可」されていません（ただし、そのまま使用することはできます）。また、データオブジェクトも再フォーマットされました。コントローラーでそのオブジェクトを受け取ると、必要なフィールドを簡単に検索することができます。この例では、あなたのコントローラに戻って掲載される内容の例については、コンソールを見て実行したら

の作業フィドルを（あなたはそれを動作させるために呼び出すバックAjaxのポストのコメントを解除する必要があります）：https://jsfiddle.net/HappyiPhone/wfkggtzm/1/

var dataFormOne = ''; var dataFormTwo = ''; var dataFormThree = '';

$("#formone").submit(function(e){ 
      dataFormOne  = {firstname: firstname}; 
      sendData(e); 
     });     

      $("#formtwo").submit(function(e){ 
      var address = $("#address").val();;  
           console.log($("#formtwo").serialize()); 
      dataFormTwo  = {address: address}; 
      sendData(e); 
     });         

      $("#formtwo").submit(function(e){ 
      var country = $("#country").val();;  
      dataFormThree  = {country: country}; 
      sendData(e); 
     });       



     function sendData(e) { 

      var data  = {dataFormOne, 
          dataFormTwo, 
          dataFormThree, 
          }; 
        console.dir(data); 
     e.preventDefault(); 
     /* 
     $.ajax({ 
        type: "POST", 
        url:URL, 
        dataType: "json", 
        data: data , 
        cache: false, 
        success: function (data) 
        { 
         if (data.result) 
         { 
         console.log(data.result); 
         } 
         else 
         { 
          alert("There has been an error\nPlease make sure you are logged in."); 
         } 
        }, 
        complete: function() {} 
       });     

       */ 
}