从局部视图使用Ajax.BeginForm，表单操作使用父控制器，而不是定义的控制器

Question

这有点奇怪，因为几个星期前，它运行良好。 这是我所拥有的..

我有一个局部视图_subscribe，具有ajax形式

@model m60_mbt.Models.Subscriber

@{bool? subscribed = (bool?)Session["subscribed"];}

@if (subscribed == true)
{
    <div class="subscribe text-center animated fadeInUp">
    <h1>
        Thank you for subscribing to our newsletter.
    </h1>

</div>
}

else
{
<div class="row">       

        <h1><i class="fa fa-paper-plane"></i><span>Subscribe to stay in the loop</span></h1>

        @using (Ajax.BeginForm("Create", "Subscriber", new AjaxOptions
        {
            HttpMethod = "POST",
            InsertionMode = InsertionMode.Replace,
            UpdateTargetId = "subscribe_target"

        }, new { id = "Subscribe" }))
        {
        @Html.AntiForgeryToken()

        @Html.ValidationSummary(true)


            @Html.TextBoxFor(model => model.EmailAddress, new { @placeholder = "Your email address" })

            <input id="sub_but"  type="submit" value="Subscribe" />
            <br />
            @Html.ValidationMessageFor(model => model.EmailAddress)



        }


    </div>
}

这放置在视图内。

<section class="subscribe text-center" id="subscribe_target">
    <h1><i class="fa fa-paper-plane"></i><span>Subscribe to stay in the loop</span></h1>
    <div id="subscribe_form">
        @Html.Partial("_subscribe", new m60_mbt.Models.Subscriber());
    </div>
</section>

但是，呈现页面后，表单操作将更改为：

<form action="/Home/Create?Length=10" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#subscribe_target" id="Subscribe" method="post">

有任何想法吗？

/ *编辑* /这是我的RouteConfig

public class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
        );
    }
}

Answer 1

看来您最近添加了html属性new { id = "Subscribe" } 。 由于此更改，控制器被视为路由值。 为了使其正常工作，您必须在控制器名称和ajax设置之间为路由值添加另一个参数。 因此，如果我将路由值分配为null，则您的代码如下所示。

@using (Ajax.BeginForm("Create", "Subscriber", null, new AjaxOptions
    {
        HttpMethod = "POST",
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "subscribe_target"

    }, new { id = "Subscribe" }))
    {
    @Html.AntiForgeryToken()

    @Html.ValidationSummary(true)


        @Html.TextBoxFor(model => model.EmailAddress, new { @placeholder = "Your email address" })

        <input id="sub_but"  type="submit" value="Subscribe" />
        <br />
        @Html.ValidationMessageFor(model => model.EmailAddress)



    }