ajax - MVC3 Razor Ajax表单提交

Question

我使用MVC3 Helper生成我的Ajax表单，如下所示:

@using (Ajax.BeginForm("Attended", "Lesson", new AjaxOptions
               {
                   HttpMethod = "GET",
                   InsertionMode = InsertionMode.InsertAfter,
                   UpdateTargetId = "mdl" + item.ID
               }))
            {
                @Html.HiddenFor(modelItem => item.ID);
                @Html.CheckBox("Attended", item.Attended, new { OnChange = "javascript:this.form.submit()"});
            }

我只是找不到在复选框的change事件上提交表单的正确方法。
我不希望我的用户单击“提交”按钮。

HTMLAttribute有效，但是在更改时发生回发而不是ajax请求。

有人知道答案吗？

Answer 1

首先，在表单内创建一个提交按钮，然后通过设置属性style="display:none;"来隐藏它。然后，不要在onchange事件中使用this.form.submit()，而应使用以下命令:

$(this).parents('form:first').find(':submit')[0].click();

这将调用jquery.unobtrusive-ajax.js脚本，并完成您的Ajax提交。