C# MVC 实现登录的5种方式

 

 

 

 

 

 

 

 

 

 

C# MVC提交表单的四种方式

一,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

 开始标记。

 

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" })
}

 

 

 

 

 

 

 

 

 

 

 

 

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 实现登录

 示例代码如下:

C# MVC 实现登录的5种方式_第1张图片

很简单,所需注意的地方,已经标出,譬如:Form 的action指向对应Controller的Logins方法、既然是Form 表单提交,有必要为标签添加相应的Name名称、最后表单请求必须用到Submit按钮

 

        /// 
        /// 简单示例登录-MVC 表单提交、AJAX GET请求、AJAX POST请求均可用此方法
        /// 
        /// 账户
        /// 密码
        /// 
        public int Logins(string UserName, string UserPwd)
        {
            if (UserName == "admin" && UserPwd == "admin")
            {
                return 200;//登录成功--RedirectToAction("Index");
            }
            return 0;//登录失败
        }

 

 二、AJAX GET 请求:

   我们将View作如下修改:

C# MVC 实现登录的5种方式_第2张图片

去掉了FORM 和 Submit 按钮, 标签执行一个JS函数:login()

login()方法如下:

C# MVC 实现登录的5种方式_第3张图片

后端代码和上边的一样,不作变化

在此解释下红线圈住的几个参数及作用

  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的取值和请求方式,代码如下:

C# MVC 实现登录的5种方式_第4张图片

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(AJAx)