假如有一個數據表格UserInfo:

public class UserInfo {public int Id { get; set; }public string Name { get; set; }public string Pwd { get; set; }public int Sex { get; set; } }

控制器下Action方法:UserInfos

表單提交過來后UserInfo user對象可以獲取到value值,只要html標簽的name值與UserInfo下的屬性名相同

public ActionResult UserInfos(UserInfo user) {if (user.Name != "admin" && user.Pwd != "123"){return Content("用戶名或密碼錯誤");}else{return Content("登錄成功");} }

html代碼(表單提交):

@using (Html.BeginForm("UserInfos", "Home", FormMethod.Post)) {<input type="text" name="Id" value="" /><input type="text" name="Name" value="" /><input type="text" name="Pwd" value="" /><select name="Sex"><option value="-1">請選擇</option><option value="1">男</option><option value="0">女</option></select><input type="submit" id="btnOK" value="提交" /> }

html代碼(異步表單表單提交):

@using (Ajax.BeginForm("UserInfos", "Home", new AjaxOptions() { Confirm = "您確定要提交嗎?", HttpMethod = "post", InsertionMode = InsertionMode.Replace, UpdateTargetId = "result", LoadingElementId = "loading", OnSuccess = "afterSuccess", OnFailure = "afterError" })) {<input type="text" name="Id" value="" /><input type="text" name="Name" value="" /><input type="text" name="Pwd" value="" /><select name="Sex"><option value="-1">請選擇</option><option value="1">男</option><option value="0">女</option></select><input type="submit" id="btnOK" value="提交" /> } <span style="color:red;font-size:10px;" id="result"></span><div id="loading" style="display:none;"><img src="~/Content/loading.jpg" /></div>

上面的InsertionMode = InsertionMode.Replace為追加數據

UpdateTargetId = "result"為請求返回的數據填充到這個ID值

OnSuccess = "afterSuccess"和 OnFailure = "afterError"為成功與失敗要執行的JS函數

轉載于:https://www.cnblogs.com/genesis/p/5247711.html

總結

以上是生活随笔為你收集整理的MVC下HtmlHelper自带BeginForm表单提交与异步Ajax请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。