MVC3下使用Jquery异步提交数据!
效果:
JS提交表单代码:
<script type="text/javascript"> function submitForm() { $.ajax({ type: 'POST', url: '@Url.Action("AJAXReview", "Common")', data: $("#form1").serialize(), success: function (data) { if (data.res) alert("提交成功"); else alert("提交失败,失败信息为:" + data.info); } }) } </script>
View:
@using (Html.BeginForm("Review", "Common", FormMethod.Post, new { id = "form1" })) { <fieldset> <legend>评论 </legend> <ul>@Html.ValidationSummary(true) @Html.HiddenFor(i => i.ObjID) @Html.HiddenFor(i => i.ObjType) <li></li> <li>标题:@Html.TextBoxFor(i => i.Title)</li> <li>@Html.ValidationMessageFor(i => i.Title)</li> <li>内容:@Html.TextAreaFor(i => i.Content)</li> <li>@Html.ValidationMessageFor(i => i.Content)</li> </ul> </fieldset> <input type="button" onclick="submitForm()" value="提交" /> }