mvc form表单提交 Mvc提交表单的四种方法全程详解-JavaScript教程
当前位置：&>&&>& &
Mvc提交表单的四种方法全程详解
mvc form表单提交 Mvc提交表单的四种方法全程详解
|　来源:网络 | 关键字：
一，MVC HtmlHelper方法1.Html.BeginForm(actionName,controllerName,method,htmlAttributes){}2.BeginRouteFor
一，MVC HtmlHelper方法1.Html.BeginForm(actionName,controllerName,method,htmlAttributes){}2.BeginRouteForm 方法 (HtmlHelper, String, Object, FormMethod)二，传统Form表单Aciton属性提交三，Jquery+Ajax 提交表单四，MVC Controller控制器和表单参数传递MVC HtmlHelper方法一，Html.BeginForm(actionName,controllerName,method,htmlAttributes){}注：所有要提交的内容包括按钮都必须在{ }内参数htmlHelper类型：System.Web.Mvc.HtmlHelper此方法扩展的 HTML 帮助器实例。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代码&h1&在线申请&/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"&达人类型&/td&&td width="730"&@Html.DropDownListFor(m =& m.StarModel.TypeID, Model.DropList, new { id = "type", @class = "my-" })&/td&&/tr&&tr&&td height="50"&首页达人照&/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)参数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示例&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& 传统Form表单Aciton属性提交直接利用html表单的Aciton属性进行提交。方法示例&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"&发布&/a&&/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('微博标题不能为空！');}if (title.length &= 40) {ShowFailTip("微博标题不能超出40个字！");}//检查是否数字if (isNaN(fee)) {ShowFailTip("不能包含文本必须是数值！");}if (ContainsDisWords(title + des)) {ShowFailTip('您输入的内容含有禁用词，请重新输入！');}$.ajax({url: "/fx" + $Maticsoft.BasePath + "Blog/Aj(.Cn)axUpdate",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.普通参数HTML标签name 和参数名一样。public ActionResult AskForm(string txtTitle, string txtEditor, string dplBDTType, string selType, string txtYZM){}2.实体传参HTML标签name 属性和Model属性保持一致[HttpPost]public ActionResult Apply(ViewModel.SNS.Star model){//逻辑}4.表单集合传参[HttpPost]public ActionResult Apply(FormCollection Form){//逻辑}以上所述是小编给大家介绍的Mvc提交表单的4种方法全程详解 ，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
无相关信息
网友评论仅供其表达个人看法，并不表明网易立场。