Частичное обновление вида ajax POST, перенаправляющее на метод действия формы - PullRequest
0 голосов
/ 27 марта 2020

Я создал 2 частичных представления, которые называются _ftpsetupDetails.cs html и _ftpsetupedit.cshtml. При загрузке страницы индекса я загружаю частичное представление подробностей в приведенный ниже раздел.

Теперь проблема заключается в публикации в контроллер после сохранения я возвращаю частичное представление подробности режима готовности только. Но вместо загрузки метода частичного просмотра или нажатия «Готово» ajax он перенаправляет страницу в / FT / Изменить URL с подробным частичным представлением html. Как убедиться, что страница не перенаправлена? Что я делаю неправильно?

//Once user clicks on Save button the below code will post the form data to controller
$(document).on("click", "#updateFTP", function () {
    $.post("/Ftp/Edit", $('form').serialize())
        .done(function (response) {
            alert(response.responseText);
        });
        });
        //On page load i am loading the partialview container witih read only view
            LoadAjaxPage("/Ftp/DetailsByOrgId", "organizationId=" + orgId + "&orgType=" + orgType, "#ftpPartialViewContainer");
            
            //On edit button click i am loading the same div container with edit partial view
            $(document).on("click", "#editFTP", function () {

    // $("#createUserPartialViewContainer").load("/Users/Create?organizationId=" + orgId + "&organizationType=" + orgTypeId);
    LoadAjaxPage("/Ftp/Edit", "organizationId=" + orgId + "&orgType=" + orgType, "#ftpPartialViewContainer");

});
  <div id="ftpPartialViewContainer">

                                       </div>
                                        <!--Details HTML partial view code-->
                                            <div class="card shadow mb-3">
        <div class="card-header">
            <p class="text-primary m-0 font-weight-bold"> FTP Setup</p>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col">
                    <label for="Name" class="control-label">Name</label>
                    <input asp-for="Name" class="form-control" readonly />
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <label for="Password" class="control-label">Password</label>
                    <input asp-for="Password" class="form-control" readonly />
                </div>
            </div>
            
            <div class="row">
                <div class="col">
                    <input type="submit" value="Edit" class="btn btn-primary" id="editFTP" />
                </div>
            </div>
        </div>
    </div>
                                       <!--Edit HTML partial view code-->
                                       @model MyProject.Models.Ftp
@if (this.ViewContext.FormContext == null)
{
    this.ViewContext.FormContext = new FormContext();
}
@using (Html.BeginForm("Edit", "ftp", FormMethod.Post,))
{
    @Html.ValidationSummary(true, "Please fix the errors")
    <div class="card shadow mb-3">
        <div class="card-header">
            <p class="text-primary m-0 font-weight-bold"> FTP Setup</p>
        </div>
        <div class="card-body">
            <form asp-action="Edit">
                <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                <input type="hidden" asp-for="Pkid" />
                <input type="hidden" asp-for="ConnectedTo" />
                <input type="hidden" asp-for="ConnectedToType" />

                <div class="row">
                    <div class="col">
                        <label asp-for="Name" class="control-label"></label>
                        <input asp-for="Name" class="form-control" />
                        <span asp-validation-for="Name" class="text-danger"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <label asp-for="Password" class="control-label"></label>
                        <input asp-for="Password" class="form-control" />
                        <span asp-validation-for="Password" class="text-danger"></span>
                    </div>
                </div>

                <div class="form-group">
                    <input type="submit" value="Save" class="btn btn-primary " id="updateFTP" />
                </div>
            </form>
        </div>
    </div>

}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...