无法重载 Ajax.BeginForm 的提交方法

Unable to overload submit method of Ajax.BeginForm

本文关键字：提交方法 BeginForm Ajax 重载更新时间：2023-09-26

我正在尝试从我的剃刀视图提交一个ajax表单，我希望控制器返回一个JSON对象。当我使用（"#form0"）.submit（alert（"hi"）;)时，数据会进入控制器，我会收到警报。但是，当我使用（"#form0"）.submit（function（）{alert（"hi"）;}）;数据未传递，并且我没有收到警报。我感觉这是我的语法中缺少的小东西。以下是相关代码：

jquery：

$(function () {
//setting up the schedule modal dialoag.
$("#schedModal").dialog({
    buttons: {
        Submit:
                function () {
                    $("#form0").ajaxSubmit(function () {
                        //this is where I want to put the magic, but I need the alert to fire first.
                        alert("hi");
                        return false;
                    });
                },
        Cancel:
                function () {
                    $(this).dialog("close");
                }
    },
    autoOpen: false,
    minHeight: 350,
    modal: true,
    resizable: false
});

目标视图：

@model FSDS.DataModels.Schedule
@using (Ajax.BeginForm("scheduleNew", null, new AjaxOptions { UpdateTargetId = "partial" }, new {}))
{
@Html.ValidationSummary(true)
    <div class="editor-label">
        @Html.LabelFor(model => model.ScheduleName)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ScheduleName)
        @Html.ValidationMessageFor(model => model.ScheduleName)
    </div>
    @* tons of other labels and editor fields go in here, omitted for brevity. *@
}

控制器（如果重要）：

    [HttpPost]
    public ActionResult scheduleNew(Schedule schedule)
    {
        if (Request.HttpMethod == "POST")
        {
            FSDSDBEntities context = new FSDSDBEntities();
            if (ModelState.IsValid)
            {
                context.Schedules.AddObject(schedule);
                context.SaveChanges();
            }
            return Json(schedule);
        }
        else
        {
            return PartialView();
        }
    }

只需使用 $('#form0').submit(); ：

Submit: function () {
    $('#form0').submit();
}

然后在 AjaxForm 中定义一个 OnSuccess 处理程序，当 AJAX 请求成功时将调用该处理程序：

@using (Ajax.BeginForm("scheduleNew", null, new AjaxOptions { OnSuccess = "success", UpdateTargetId = "partial" }, new {}))

最后success JavaScript 处理程序：

function success(data) {
    // the form was successfully submitted using an AJAX call.
    // here you could test whether the data parameter
    // represents a JSON object or a partial view
    if (data.ScheduleName) {
        // the controller action returned the schedule JSON object
        // => act accordingly
    } else {
        // the controller action returned a partial view
        // => act accordingly
    }
}