【转载】C# MVC 实现登录的5种方式
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 实现登录
GO
一、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()
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
本文链接:https://www.cnblogs.com/LifeDecidesHappiness/p/15572973.html
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以扫一扫,任意打赏,您的鼓励是博主的最大动力!
![扫一扫,支付宝打赏](https://files.cnblogs.com/files/LifeDecidesHappiness/%E6%94%AF%E4%BB%98%E5%AE%9D.bmp)
![扫一扫,微信打赏](https://files.cnblogs.com/files/LifeDecidesHappiness/%E5%BE%AE%E4%BF%A1%E6%94%B6%E6%AC%BE%E7%A0%81.bmp)