C# MVC提交表单的四种方式
一,MVC HtmlHelper方法
-
Html.BeginForm(actionName,controllerName,method,htmlAttributes){}
-
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> 开始标记。
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>
}
C# MVC 实现登录的5种方式
本篇介绍MVC实现登录的五种方式,如下:
1、通过MVC Form 表单请求实现登录
2、通过AJAX GET 请求MVC Controller 实现登录
3、通过AJAX POST 请求MVC Controller 实现登录
4、通过AJAX GET 请求webAPI Controller 实现登录
5、通过AJAX POST 请求webAPI Controller 实现登录
示例代码如下:
很简单,所需注意的地方,已经标出,譬如:Form 的action指向对应Controller的Logins方法、既然是Form 表单提交,有必要为<input>标签添加相应的Name名称、最后表单请求必须用到Submit按钮
/// <summary>
/// 简单示例登录-MVC 表单提交、AJAX GET请求、AJAX POST请求均可用此方法
/// </summary>
/// <param name="UserName">账户</param>
/// <param name="UserPwd">密码</param>
/// <returns></returns>
public int Logins(string UserName, string UserPwd)
{
if (UserName == "admin" && UserPwd == "admin")
{
return 200;//登录成功--RedirectToAction("Index");
}
return 0;//登录失败
}
二、AJAX GET 请求:
我们将View作如下修改:
去掉了FORM 和 Submit 按钮,<a> 标签执行一个JS函数:login()
login()方法如下:
后端代码和上边的一样,不作变化
在此解释下红线圈住的几个参数及作用
URL:请求的方法,通过:Controller/Action来指定
Type:请求类型,Get和Post两种
contentType:客户端发送至服务端的数据类型,上截图中的请求方式为Get,因此:contentType应取值为:"application/json",如果是POST请求,contentType应取值为:"application/x-www-form-urlencoded"。注:如果是Get或Post 请求webApi接口,contentType应取值为:"application/json"。
dataType:服务端返回值类型,可以为XML HTML JSON Text 等
Data:Get或Post的数据,由服务端接收
三、AJAx POST 请求
VIew视图和GET请求一致,不作变化,唯独变化的就是contentType的取值和请求方式,代码如下: