MVC3 Razor Ajax表单提交

前端之家收集整理的这篇文章主要介绍了MVC3 Razor Ajax表单提交前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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()"});
            }

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

HTMLAttribute有效,但在更改时会发生回发而不是ajax请求.

有人知道答案吗?

首先,在表单中创建一个提交按钮,并通过设置属性style =“display:none;”将其隐藏.然后,不要在onchange事件中使用this.form.submit(),而是使用以下命令:
$(this).parents('form:first').find(':submit')[0].click();

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

猜你在找的Ajax相关文章