博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Mvc 提交表单的4种方法全程详解
阅读量:4588 次
发布时间:2019-06-09

本文共 4947 字,大约阅读时间需要 16 分钟。

一,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
类型:
此方法扩展的 HTML 帮助器实例。
actionName
类型:
操作方法的名称。
controllerName
类型:
控制器的名称。
routeValues
类型:
一个包含路由参数的对象。 通过检查对象的属性,利用反射检索参数。 此对象通常是使用对象初始值设定项语法创建的。
method
类型:
用于处理窗体的 HTTP 方法(GET 或 POST)。
htmlAttributes
类型:
一个对象,其中包含要为该元素设置的 HTML 特性。

返回值

类型:
<form> 开始标记。

用法说明

在 Visual Basic 和 C# 中,您可以对  类型的任何对象将此方法作为实例方法调用。在您使用实例方法语法调用此方法时,将忽略第一个参数

Html.BeginForm 方法示例

MVC View代码

在线申请

@using (Html.BeginForm("Apply", "Star", FormMethod.Post, new {@class="MyForm"})) {
达人类型 @Html.DropDownListFor(m => m.StarModel.TypeID, Model.DropList, new { id = "type", @class = "my-" })
首页达人照
@Html.HiddenFor(m => m.StarModel.UserGravatar, new { id = "SXtPhoto" })
自荐理由 @Html.TextAreaFor(m => m.StarModel.ApplyReason, new { id = "tDesc" })
}

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

参数

htmlHelper
类型:
此方法扩展的 HTML 帮助程序实例。
routeName
类型:
用于获取窗体发布 URL 的路由的名称。
routeValues
类型:
一个包含路由参数的对象。 通过检查对象的属性,利用反射检索参数。 此对象通常是使用对象初始值设定项语法创建的。 
method
类型:
用于处理窗体的 HTTP 方法(GET 或 POST)。

返回值

类型:
一个开始 <form> 标记。

使用说明

在 Visual Basic 和 C# 中,可以在  类型的任何对象上将此方法作为实例方法来调用。当使用实例方法语法调用此方法时,请省略第一个参数。

BeginRouteForm示例

传统Form表单Aciton属性提交

直接利用html表单的Aciton属性进行提交。

方法示例

 Jquery+Ajax 提交表单

 方法示例

View 部分

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.普通参数

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)        {//逻辑}

 

转载于:https://www.cnblogs.com/shiyh/p/8404296.html

你可能感兴趣的文章
EasyUI Tree判断节点是否是叶
查看>>
Java基础加强总结(一)——注解(Annotation)
查看>>
Windows 2008R2关闭网络发现
查看>>
hibernate tool连接oracle生成pojo和xml文件无法查询表解决办法
查看>>
Jenkins执行selenium报错unknown error: cannot find Chrome binary
查看>>
Content-Type四种常见取值
查看>>
禹庙-杜甫
查看>>
Cache缓存
查看>>
[家里蹲大学数学杂志]第409期与正弦对数有关的一个积分不等式
查看>>
BZOJ 2795: [Poi2012]A Horrible Poem (Hash+思维)
查看>>
HDOJ-1002
查看>>
Tree (四校联考T1)
查看>>
javascript动态合并表格相同的单元格
查看>>
CRM项目上线第一天
查看>>
对象属性特性(可写,可枚举,可配置)
查看>>
5.16
查看>>
Dom EVENT对象
查看>>
[BZOJ3531][Sdoi2014]旅行 树链剖分
查看>>
mybatis运行原理(面试回答)
查看>>
软件结构与环境配置概述
查看>>