jquery - 从分部 View 使用 Ajax.BeginForm，表单操作使用父 Controller ，而不是定义的 Controller

Question

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

我有一个具有 ajax 表单的部分 View _subscribe

@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>
}

它被放置在 View 内。

<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"}。由于这一变化， Controller 被视为路由值。为了使其正常工作，您必须在 Controller 名称和 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)



    }