Mvc提交表單的四種方法全程詳解
一,MVC HtmlHelper方法
1.
Html.BeginForm(actionName,controllerName,method,htmlAttributes){}
2.
BeginRouteForm 方法 (HtmlHelper, String, Object, FormMethod)
二,傳統(tǒng)Form表單Aciton屬性提交
三,Jquery+Ajax 提交表單
四,MVC Controller控制器和表單參數(shù)傳遞
MVC HtmlHelper方法
一,Html.BeginForm(actionName,controllerName,method,htmlAttributes){}
注:所有要提交的內(nèi)容包括按鈕都必須在{ }內(nèi)
參數(shù)
htmlHelper類(lèi)型:System.Web.Mvc.HtmlHelper
此方法擴(kuò)展的 HTML 幫助器實(shí)例。actionName類(lèi)型:System.String
操作方法的名稱(chēng)。controllerName類(lèi)型:System.String
控制器的名稱(chēng)。routeValues類(lèi)型:System.Object
一個(gè)包含路由參數(shù)的對(duì)象。 通過(guò)檢查對(duì)象的屬性,利用反射檢索參數(shù)。 此對(duì)象通常是使用對(duì)象初始值設(shè)定項(xiàng)語(yǔ)法創(chuàng)建的。method類(lèi)型:System.Web.Mvc.FormMethod
用于處理窗體的 HTTP 方法(GET 或 POST)。htmlAttributes類(lèi)型:System.Object
一個(gè)對(duì)象,其中包含要為該元素設(shè)置的 HTML 特性。
返回值
類(lèi)型:System.Web.Mvc.Html.MvcForm
<form> 開(kāi)始標(biāo)記。
用法說(shuō)明
在 Visual Basic 和 C# 中,您可以對(duì) HtmlHelper 類(lèi)型的任何對(duì)象將此方法作為實(shí)例方法調(diào)用。在您使用實(shí)例方法語(yǔ)法調(diào)用此方法時(shí),將忽略第一個(gè)參數(shù)
Html.BeginForm 方法示例
MVC View代碼
<h1>在線申請(qǐng)</h1> @using (Html.BeginForm("Apply", "Star", FormMethod.Post, new {@class="MyForm"})) { <div class="application_b_3"> <table width="820" border="0"> <tr> <td width="80" height="50">達(dá)人類(lèi)型</td> <td width="730"> @Html.DropDownListFor(m => m.StarModel.TypeID, Model.DropList, new { id = "type", @class = "my-" }) </td> </tr> <tr> <td height="50">首頁(yè)達(dá)人照</td> <td> <div class="picture_an" id="UploadPhoto" style="width: 142px"> <a href="javascript:void(0);" class="btn_addPic"><span><em>+</em>上傳照片</span> <input tabindex="3" title="支持jpg、jpeg、gif、png格式,文件小于5M" size="3" name="pic" id="absFileInput" class="filePrew" type="file" /> </a> </div> </td> </tr> <tr> <td height="50"></td> <td> @Html.HiddenFor(m => m.StarModel.UserGravatar, new { id = "SXtPhoto" }) <img src="" id="imgPhoto" height="176px" /> </td> </tr> <tr> <td height="100">自薦理由</td> <td> @Html.TextAreaFor(m => m.StarModel.ApplyReason, new { id = "tDesc" }) </td> </tr> <tr> <td height="50"></td> <td> <a href=" javascript:void(0)" id="btnApplication"><img src="@Url.Content("~/Areas/SNS/Themes/Default/Content/images/ap_9.gif")" alt="" /></a> </td> </tr> </table> </div> }
二,BeginRouteForm 方法 (HtmlHelper, String, Object, FormMethod)
參數(shù)
htmlHelper類(lèi)型:System.Web.Mvc.HtmlHelper
此方法擴(kuò)展的 HTML 幫助程序?qū)嵗?/p>
routeName類(lèi)型:System.String
用于獲取窗體發(fā)布 URL 的路由的名稱(chēng)。
routeValues類(lèi)型:System.Object
一個(gè)包含路由參數(shù)的對(duì)象。 通過(guò)檢查對(duì)象的屬性,利用反射檢索參數(shù)。 此對(duì)象通常是使用對(duì)象初始值設(shè)定項(xiàng)語(yǔ)法創(chuàng)建的。
method類(lèi)型:System.Web.Mvc.FormMethod
用于處理窗體的 HTTP 方法(GET 或 POST)。
返回值
類(lèi)型:System.Web.Mvc.Html.MvcForm
一個(gè)開(kāi)始 <form> 標(biāo)記。
使用說(shuō)明
在 Visual Basic 和 C# 中,可以在 HtmlHelper 類(lèi)型的任何對(duì)象上將此方法作為實(shí)例方法來(lái)調(diào)用。當(dāng)使用實(shí)例方法語(yǔ)法調(diào)用此方法時(shí),請(qǐng)省略第一個(gè)參數(shù)。
BeginRouteForm示例
<div class="group-search-box clearfix"> @using (Html.BeginRouteForm("SearchPage", new { cityID = Model.CityID, productType = Model.CurrentProductType, currentPageIndex = Model.CurrentIndex, keyword = Model.keyword }, FormMethod.Get)) { <input type="text" name="keyword" class="search-ipt" value=@Model.keyword> <input type="submit" id="submit" value="搜 索" class="gsearch-btn" > } </div>
傳統(tǒng)Form表單Aciton屬性提交
直接利用html表單的Aciton屬性進(jìn)行提交。
方法示例
<form id="askform" action="@Url.Action("AskForm")" method="post"> <div class="title-area-outter clearfix"> <span></span> <select id="dplBDTType" name="dplBDTType"></select> <select id="selType" name="selType"></select> </div> </form>
Jquery+Ajax 提交表單
方法示例
View 部分
<div class="issue" id="postWeibo" style="width: 80px"> <a href="javascript:void(0)" class="publish-btn">發(fā)布</a> </div>
Jquery和Ajax部分
//發(fā)布長(zhǎng)微博 $("#postWeibo").click(function () { var blogID = $("#hfID").val(); var title = $("#title").val(); var imgurl = $("#previewImgHide").val(); var des = editor.getContent(); if (title == "") { ShowFailTip('微博標(biāo)題不能為空!'); return; } if (title.length >= 40) { ShowFailTip("微博標(biāo)題不能超出40個(gè)字!"); return; } //檢查是否數(shù)字 if (isNaN(fee)) { ShowFailTip("不能包含文本必須是數(shù)值!"); return; } if (ContainsDisWords(title + des)) { ShowFailTip('您輸入的內(nèi)容含有禁用詞,請(qǐng)重新輸入!'); return; } $.ajax({ url: "/fx" + $Maticsoft.BasePath + "Blog/AjaxUpdate", type: 'POST', async: false, dataType: 'html', // timeout: 10000, data: { Title: title, CityID: city, Fee: fee, CategoryID: category, Days: days, Tag: tag, startDate: startdate, endDate: enddate, ImgUrl: imgurl, Des: des, BlogID: blogID }, // success: function (resultData) { $(".dialogDiv").hide(); if (resultData == "No") { ShowFailTip("操作失敗,請(qǐng)您重試!"); } else if (resultData == "AA") { $.jBox.tip('管理員不能操作', 'error'); } else { var data = $(resultData); } } }); });
MVC Controller控制器和表單參數(shù)傳遞
1.普通參數(shù)
HTML標(biāo)簽name 和參數(shù)名一樣。
public ActionResult AskForm(string txtTitle, string txtEditor, string dplBDTType, string selType, string txtYZM) { }
2.實(shí)體傳參
HTML標(biāo)簽name 屬性和Model屬性保持一致
[HttpPost] public ActionResult Apply(ViewModel.SNS.Star model) { //邏輯 }
4.表單集合傳參
[HttpPost] public ActionResult Apply(FormCollection Form) { //邏輯 }
以上所述是小編給大家介紹的Mvc提交表單的4種方法全程詳解 ,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
使用微信小程序顯示用戶(hù)當(dāng)前地理位置的詳細(xì)代碼
這篇文章主要介紹了使用微信小程序顯示用戶(hù)當(dāng)前地理位置的詳細(xì)代碼,在微信小程序的開(kāi)發(fā)中不可避免的會(huì)遇到需要顯示用戶(hù)地理位置的操作,本文將簡(jiǎn)單介紹如何在微信小程序中顯示用戶(hù)當(dāng)前的地理位置,需要的朋友可以參考下2022-06-06JQuery+DIV自定義滾動(dòng)條樣式的具體實(shí)現(xiàn)
用DIV和DIV自身的滾動(dòng)條相互控制內(nèi)容的滾動(dòng),DIV自身的滾動(dòng)條樣式可以用DIV層覆蓋,重寫(xiě)滾動(dòng)條樣式2013-06-06關(guān)于JS中的方法是否加括號(hào)的問(wèn)題
在我們js編寫(xiě)程序的時(shí)候,我們會(huì)寫(xiě)很多函數(shù)然后調(diào)用它們,那么這些函數(shù)調(diào)用的時(shí)候什么時(shí)候加()什么時(shí)候不加()呢?下面小編給大家簡(jiǎn)單介紹下2016-07-07Js實(shí)現(xiàn)復(fù)選框的全選、全不選反選功能代碼實(shí)例
這篇文章主要介紹了Js實(shí)現(xiàn)復(fù)選框的全選、全不選和反選,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02seajs和requirejs模塊化簡(jiǎn)單案例分析
這篇文章主要介紹了seajs和requirejs模塊化,結(jié)合具體案例形式分析了seaj和requirejs模塊化應(yīng)用的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2019-08-08JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能(防止刷新倒計(jì)時(shí)失效)
這篇文章主要介紹了JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能防止刷新倒計(jì)時(shí)失效問(wèn)題,在項(xiàng)目開(kāi)發(fā)中經(jīng)常會(huì)用到此功能,下面小編通過(guò)本文給大家分享JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能(防止刷新倒計(jì)時(shí)失效),需要的朋友參考下吧2017-07-07jquery中l(wèi)ive()方法和bind()方法區(qū)別分析
這篇文章主要介紹了jquery中l(wèi)ive()方法和bind()方法區(qū)別,結(jié)合實(shí)例形式簡(jiǎn)單分析了live()方法和bind()方法的功能、使用方法與用法區(qū)別,需要的朋友可以參考下2016-06-06原生js實(shí)現(xiàn)trigger方法示例代碼
這篇文章主要給大家介紹了關(guān)于利用原生js實(shí)現(xiàn)trigger方法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05JavaScript設(shè)計(jì)模式之責(zé)任鏈模式實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之責(zé)任鏈模式,結(jié)合實(shí)例形式分析了責(zé)任鏈模式的概念、原理及具體定義與使用技巧,需要的朋友可以參考下2019-01-01JavaScript使用Promise實(shí)現(xiàn)分批處理接口請(qǐng)求
當(dāng)我們?cè)趯?shí)際項(xiàng)目中遇到需要批量發(fā)起上百條接口請(qǐng)求怎么辦呢,本文就來(lái)為大家介紹一下JavaScript如何使用Promise實(shí)現(xiàn)分批處理接口請(qǐng)求,需要的小伙伴可以參考一下2023-11-11