Mvc 提交表單的4種方法

時間 2019-12-07

標籤 mvc 提交表單方法欄目 HTML 简体版

原文原文鏈接

一，MVC HtmlHelper方法javascript

1. Html.BeginForm(actionName,controllerName,method,htmlAttributes){}
2. BeginRouteForm 方法 (HtmlHelper, String, Object, FormMethod)

二，傳統Form表單Aciton屬性提交html

三，Jquery+Ajax 提交表單java

四，MVC Controller控制器和表單參數傳遞web

MVC HtmlHelper方法ajax

一，Html.BeginForm(actionName,controllerName,method,htmlAttributes){}mvc

注：全部要提交的內容包括按鈕都必須在{ }內app

參數async

htmlHelperide

類型：System.Web.Mvc.HtmlHelper
此方法擴展的 HTML 幫助器實例。post

actionName

類型：System.String
操做方法的名稱。

controllerName

類型：System.String
控制器的名稱。

routeValues

類型：System.Object
一個包含路由參數的對象。經過檢查對象的屬性，利用反射檢索參數。此對象一般是使用對象初始值設定項語法建立的。

method

類型：System.Web.Mvc.FormMethod
用於處理窗體的 HTTP 方法（GET 或 POST）。

htmlAttributes

類型：System.Object
一個對象，其中包含要爲該元素設置的 HTML 特性。

返回值

類型：System.Web.Mvc.Html.MvcForm
<form> 開始標記。

用法說明

在 Visual Basic 和 C# 中，您能夠對 HtmlHelper 類型的任何對象將此方法做爲實例方法調用。在您使用實例方法語法調用此方法時，將忽略第一個參數

Html.BeginForm 方法示例

MVC View代碼

@using (Html.BeginForm("Apply", "Star", FormMethod.Post, new {@class="MyForm"}))

{

<tr>

@Html.DropDownListFor(m => m.StarModel.TypeID, Model.DropList, new { id = "type", @class = "my-" })

</td>

</tr>

<tr>

<td height="50">首頁達人照</td>

<td>

</a>

</div>

</td>

</tr>

<tr>

<td>

@Html.HiddenFor(m => m.StarModel.UserGravatar, new { id = "SXtPhoto" })

</td>

</tr>

<tr>

<td>

@Html.TextAreaFor(m => m.StarModel.ApplyReason, new { id = "tDesc" })

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</div>

}

二，BeginRouteForm 方法 (HtmlHelper, String, Object, FormMethod)

參數

htmlHelper

類型：System.Web.Mvc.HtmlHelper
此方法擴展的 HTML 幫助程序實例。

routeName

類型：System.String
用於獲取窗體發佈 URL 的路由的名稱。

routeValues

類型：System.Object
一個包含路由參數的對象。經過檢查對象的屬性，利用反射檢索參數。此對象一般是使用對象初始值設定項語法建立的。

method

類型：System.Web.Mvc.FormMethod
用於處理窗體的 HTTP 方法（GET 或 POST）。

返回值

類型：System.Web.Mvc.Html.MvcForm
一個開始 <form> 標記。

使用說明

在 Visual Basic 和 C# 中，能夠在 HtmlHelper 類型的任何對象上將此方法做爲實例方法來調用。當使用實例方法語法調用此方法時，請省略第一個參數。

BeginRouteForm示例

@using (Html.BeginRouteForm("SearchPage", new { cityID = Model.CityID, productType = Model.CurrentProductType, currentPageIndex = Model.CurrentIndex, keyword = Model.keyword }, FormMethod.Get))

{

}

</div>

傳統Form表單Aciton屬性提交

直接利用html表單的Aciton屬性進行提交。

方法示例

</div>

</form>

Jquery+Ajax 提交表單

方法示例

View 部分

</div>

Jquery和Ajax部分

//發佈長微博

$("#postWeibo").click(function () {

var blogID = $("#hfID").val();

var title = $("#title").val();

var imgurl = $("#previewImgHide").val();

var des = editor.getContent();

if (title == "") {

ShowFailTip('微博標題不能爲空！');

return;

}

if (title.length >= 40) {

ShowFailTip("微博標題不能超出40個字！");

return;

}

//檢查是否數字

if (isNaN(fee)) {

ShowFailTip("不能包含文本必須是數值！");

return;

}

if (ContainsDisWords(title + des)) {

ShowFailTip('您輸入的內容含有禁用詞，請從新輸入！');

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("操做失敗，請您重試！");

} else if (resultData == "AA") {

$.jBox.tip('管理員不能操做', 'error');

} else {

var data = $(resultData);

}

});

MVC Controller控制器和表單參數傳遞

1.普通參數