0

カミソリ ビューから 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();
        }
    }
4

1 に答える 1

2

単に使用して$('#form0').submit();ください:

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

次にOnSuccess、AJAXリクエストが成功したときに呼び出されるハンドラーをAjaxFormで定義します。

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

そして最後にsuccessjavascriptハンドラー:

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
    }
}
于 2012-08-06T16:54:39.130 に答える