Asp.net Mvc Ajax.BeginForm提交表单
之前Mvc中一直用Html.BeginForm提交表单,即如下:
@using (Html.BeginForm("Add", "News", FormMethod.Post, new { enctype = "multipart/form-data" })) { <table> <tr> <td><span style="color:red">*</span><span>标题</span></td> <td> @Html.TextBoxFor(model => model.NewsTitle) @Html.ValidationMessageFor(model => model.NewsTitle, "", new { style = "color:red" }) </td> </tr> </table> <div class='submit_forms'> <input type="submit" name="submit" class='submit'> </div> }
今天试了下Ajax.BeginForm,主要为了后台弹出javascript代码窗口,需要引用js库:
jquery.unobtrusive-ajax.min.js
表单代码如下:
@using (Ajax.BeginForm("Add", "News", new AjaxOptions { HttpMethod = "Post" }, new { enctype = "multipart/form-data" })) { <table> <tr> <td><span style="color:red">*</span><span>标题</span></td> <td> @Html.TextBoxFor(model => model.NewsTitle) @Html.ValidationMessageFor(model => model.NewsTitle, "", new { style = "color:red" }) </td> </tr> </table> <div class='submit_forms'> <input type="submit" name="submit" class='submit'> </div> }
Controller中代码如下:
public ActionResult Add(NewsInfo entity) { return Content("alert('ok!');", "text/javascript"); }
运行后,如下: