Question

我想创建一个包含两个表单及其提交按钮的视图。

提交表单

应该发生ajax更新。

那么Html herlper课程将如何帮助我？

Answer 1

如果你指的是Html.BeginForm（），它有重载，你可以指定动作和控制器。

Answer 2

使用.post和jQuery：

<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() %>
<%
    }
%>

具有多个表单的视图

2 个答案: