두 개 이상의 양식이있는보기

Question

제출 단추가있는 두 개의 양식이 포함 된보기를 만들고 싶습니다.

양식 제출시 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와