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)文章
使用微信小程序顯示用戶當(dāng)前地理位置的詳細(xì)代碼
這篇文章主要介紹了使用微信小程序顯示用戶當(dāng)前地理位置的詳細(xì)代碼,在微信小程序的開(kāi)發(fā)中不可避免的會(huì)遇到需要顯示用戶地理位置的操作,本文將簡(jiǎn)單介紹如何在微信小程序中顯示用戶當(dāng)前的地理位置,需要的朋友可以參考下2022-06-06
JQuery+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-07
Js實(shí)現(xiàn)復(fù)選框的全選、全不選反選功能代碼實(shí)例
這篇文章主要介紹了Js實(shí)現(xiàn)復(fù)選框的全選、全不選和反選,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
seajs和requirejs模塊化簡(jiǎn)單案例分析
這篇文章主要介紹了seajs和requirejs模塊化,結(jié)合具體案例形式分析了seaj和requirejs模塊化應(yīng)用的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2019-08-08
JS實(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-07
jquery中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-05
JavaScript設(shè)計(jì)模式之責(zé)任鏈模式實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之責(zé)任鏈模式,結(jié)合實(shí)例形式分析了責(zé)任鏈模式的概念、原理及具體定義與使用技巧,需要的朋友可以參考下2019-01-01
JavaScript使用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

