2つ以上のフォームを持つビュー

Question

2つのフォームとその送信ボタンを含むビューを作成したいとします。

フォームを送信すると、フォームのajaxの更新が行われます。

どのようにHTMLのヘルパークラスが私を助けますか？

Answer 1

：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#OneForm").submit(function() { 
      var f = $("#OneForm"); 
      var action = f.attr("action"); 
      var serializedForm = f.serialize(); 
      $.post(action, serializedForm, function(data) { 
      }); 
      return false; 
     }); 

     $("#TwoForm").submit(function() { 
      var f = $("#TwoForm"); 
      var action = f.attr("action"); 
      var serializedForm = f.serialize(); 
      $.post(action, serializedForm, function(data) { 
      }); 
      return false; 
     }); 

    }); 
</script> 


<% 
    using (Html.BeginForm<OneController> 
    (p => p.ActionOne(), FormMethod.Post, 
    new { id = "OneForm", name = "OneForm" })) 
    { 
%> 
<!-- yout first form here with its submit button --> 
<%=Html.AntiForgeryToken() %> 
<% 
    } 
%> 

<% 
    using (Html.BeginForm<TwoController> 
    (p => p.ActionTwo(), FormMethod.Post, 
    new { id = "TwoForm", name = "TwoForm" })) 
    { 
%> 
<!-- yout second form here with its own submit button --> 
<%=Html.AntiForgeryToken() %> 
<% 
    } 
%> 

Answer 2

Html.BeginForm（）を参照する場合は、アクションとコントローラの両方を指定できるオーバーロードがあります。 jQueryを使って.postで