javascript - 部分 View ajax.beginform onsuccess函数错误未定义

Question

我正在使用 MVC5。我有一个调用部分 View 的 View 。

在部分 View 上，我有一个 Ajax.BeginForm，OnSuccess 调用一个函数。

执行时出现错误，提示未找到该函数。

如果该函数在父 View 中定义，则会找到并触发该函数。

这是我的部分 View

@model TableAvivaVoz.Models.UserPasswordView
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
@{
    ViewBag.Title = "Actualizar";
    AjaxOptions ajaxOpts = new AjaxOptions
    {
        InsertionMode = InsertionMode.Replace,
        HttpMethod = "POST",
        OnSuccess = "exito",
//        OnFailure ="failure",
    };
}
@section Scripts {
    <script type="text/javascript">
        function exito(result) {
                alert(1);
        }
    </script>
}
@using (Ajax.BeginForm("ChangePassword", "Users", ajaxOpts, new { id = "FormID" }))
{
    @Html.AntiForgeryToken()
"modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    Cambio de Contraseña
                </h4>
            </div>
            <div class="alert alert-success hidden">
                Success! Password Changed.
            </div>
            @Html.HiddenFor(model => model.User_id)
            @Html.ValidationSummary(true, "", new { @class = "text-danger" })
            <div class="modal-body">

                <div class="col-md-10">
                    @Html.PasswordFor(model => model.OldPassword, new { @class = "form-control", placeholder = "Vieja Contraseña" })
                    @Html.ValidationMessageFor(model => model.OldPassword, "", new { @class = "text-danger" })
                </div>
            </div>
            <div class="modal-body">

                <div class="col-md-10">
                    @Html.PasswordFor(model => model.Password, new { @class = "form-control", placeholder = "Nueva Contraseña" })
                    @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
                </div>
            </div>
            <div class="modal-body">

                <div class="col-md-10">
                    @Html.PasswordFor(model => model.ConfirmPassword, new { @class = "form-control", placeholder = "Repetir Nueva Contraseña" })
                    @Html.ValidationMessageFor(model => model.ConfirmPassword, "", new { @class = "text-danger" })
                </div>
            </div>
            <div class="modal-footer visible">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="btnSave">Save</button>
            </div>
            <div class="modal-footer hidden">
                <button type="button" class="btn btn-default" data-dismiss="modal">Salir</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
}

从部分 View 调用该函数时我缺少什么？

谢谢

Answer 1

部分不能以部分形式工作。不要在部分中使用部分。确保将以下部分放置在主视图中，而不是部分 View 中:

@section Scripts {
    <script type="text/javascript">
        function exito(result) {
                alert(1);
        }
    </script>
}

这将保证相应的<script>定义您的 exito 的标签函数被渲染。您可以通过检查浏览器中生成的标记来验证这一点。