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

最近悟出来一个道理，在这儿分享给大家：学历代表你的过去，能力代表你的现在，学习代表你的将来。

十年河东十年河西，莫欺少年穷。

学无止境，精益求精

小弟之前做过三月的MVC，后来又一直webForm开发，再后来，也就是现在做WPF，最近随着项目进入尾声，也就慢慢清闲了下来，清闲的时间甚是无聊，索性随便学学，于是乎：前面给大家贡献了C# web api 返回类型设置为json的两种方法、解决webApi<Message>An error has occurred.</Message>不能写多个Get方法的问题、C# WebApi传参之Get请求-AJAX、C# WebApi传参之Post请求-AJAX等博客，昨天来到公司还是啥事没有，闲的蛋疼的我，没事找事，就在网络上翻MVC相关知识，再后来，通过QQ，向我郑州的女性朋友(~_~)索要MVC资料，她给我提供的是PDF格式MVC资料，本人一向讨厌PDF文件，所以就没接收。于是乎，自己就开始瞎琢磨，开始了自己的MVC自学之旅。

本篇介绍MVC实现登录的五种方式，如下：

1、通过MVC Form 表单请求实现登录

2、通过AJAX GET 请求MVC Controller 实现登录

3、通过AJAX POST 请求MVC Controller 实现登录

4、通过AJAX GET 请求webAPI Controller 实现登录

5、通过AJAX POST 请求webAPI Controller 实现登录

一、MVC Form 表单请求

既然是表单请求，就必须为咱们的View添加一个Form，本文中我们采用传统的Form格式，至于Razor中HtmlHelper提供的Form，本文不作探讨，有兴趣的小虎斑可参考上篇博客：C# MVC提交表单的四种方式（转）

示例代码如下：

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

SO，我们的前端设计就完成了

后端代码则是更简单啦，如下：

        /// <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()

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

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

URL：请求的方法，通过：Controller/Action来指定

Type：请求类型，Get和Post两种

contentType：客户端发送至服务端的数据类型，上截图中的请求方式为Get，因此：contentType应取值为："application/json"，如果是POST请求，contentType应取值为："application/x-www-form-urlencoded"。注：如果是Get或Post 请求webApi接口，contentType应取值为："application/json"。具体内容请参考本人博客：C# WebApi传参之Get请求-AJAX、C# WebApi传参之Post请求-AJAX

dataType：服务端返回值类型，可以为XML HTML JSON Text 等

Data：Get或Post的数据，由服务端接收

后端代码和上述所贴代码一致。

三、AJAx POST 请求

VIew视图和GET请求一致，不作变化，唯独变化的就是contentType的取值和请求方式，代码如下：

4、AJAX GET请求webAPI实现登录大家可参考本人博客：C# WebApi传参之Get请求-AJAX

5、AJAX POST请求webAPI实现登录大家可参考本人博客：C# WebApi传参之Post请求-AJAX

@陈卧龙的博客