從局部視圖使用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)



    }