フォームデータをAjax経由でアクションに渡す

Question

MVCでActionに多くの値を渡そうとしますが、ユーザは常にnullです。

var form = $('form'); 
    $.ajax({ 
     type: "POST", 
     url: '@Url.Content("~/User/UpdateUser")', 
     data: { user: form.serialize(), NameOfCare: care }, 
     success: function (result) { 
      if (result == "Ok") { 
       document.location.href = '@Url.Content("~/User/Index")'; 
      } 
     } 
    }); 

Ajaxで値が多いフォームを渡すにはどうすればよいですか？

Answer 1

シリアル化されたオブジェクトを実際には文字列で送信しています。以下の例を試してください。アクションは文字列を自動的にデシリアライズします。

 function load() { 
     var dataT = $("#searchform").serialize(); 
     var urlx = "@Url.Action("SR15Fetch", "SR15", new { area = "SALES" })"; 
     debugger; 
     $.ajax({ 
      type: "GET", 
      url: urlx,  
      data: dataT, 
      cache: false, 
      success: HandellerOnSuccess, 
      error: HandellerOnFailer, 
      beforeSend: Ajax_beforeSend(), 
      complete: Ajax_Complete(), 
     }); 
    } 

Answer 2

まず第一に、あなたはdataを処理するためにcontrollerにごformデータを送信しなければならないので代わりに@Url.Contentを@Url.Actionを使用する必要があります。

.serializeメソッドは、送信用の文字列としてフォーム要素のセットをエンコードします。

data:form.serialize() + "&NameOfCare="+careを使用してください。すべきは、このようになります

server-sideであなたの方法：

public ActionResult(UserViewModel user,string NameOfCare){ 

} 

userオブジェクトがUpdateUserがあなたのアクションメソッドである場合Url.Action @Model Binding