阅读 112

mvc ajax登录验证

首先是同mvc ajax框架

引入jquery.unobtrusive-ajax.js

原本mvc表单提交的html扩展方法是 Html.BeginForm,   现在用Ajax.BeginForm

登录界面:

 @using (Ajax.BeginForm("Login_Ajax", "Login", new AjaxOptions { HttpMethod = "post", OnSuccess = "back" }, new { id = "from" }))
        {
            
class="mycenter">
class="mysign">
class="col-lg-11 text-center text-info">

请登录

class="col-lg-10"> "text" class="form-control" name="UserEmail" placeholder="请输入邮箱" /> "color:red">@Html.ValidationMessageFor(i => i.UserEmail)
class="col-lg-10">
class="col-lg-10"> "password" class="form-control" name="UserPwd" placeholder="请输入密码" /> "color:red">@Html.ValidationMessageFor(i => i.UserPwd)
class="col-lg-10">
class="col-lg-10">
class="col-lg-10">
class="col-lg-10"> @*"" style="float:left" >注册账号"" style="float:right">注册账号*@
}

然后是js     back方法  这是请求成功时返回的函数   -------   回调函数

function back(data) {
            if (data.Status == 0) {
                alert(data.Msg);
                return;
            }
            if (data.Status == 1) {
                alert(data.Msg);
                window.location.href = "/Home/Index";
            }
        }

然后写一个ajax类,里面有两个属性,一个是状态    一个是消息

 public class Ajax
    {
        //提示信息
        public string Msg { get; set; }
        //状态 0失败   1成功
        public int Status { get; set; }
    }

然后是contorllers下添加 Login_Ajax 的action

  public ActionResult Login_Ajax(UserLogin user)
        {
            if (!ModelState.IsValid)
            {
                return RedirectToAction("Login");
            }
            else
            {
                var User= db.Query(i => i.UserEmail == user.UserEmail && i.UserPwd == user.UserPwd);
                if (LoginUserPwd(user.UserEmail,user.UserPwd))
                {
                    user.UserName = User.UserName;
                    SessionHelp.SessionHelpe.SetSession("user", user.UserName);
                    Ajax ajax = new Ajax() { Status = 1, Msg = "登录成功" };
                    return Json(ajax);  
                }
                else
                {
                    Ajax ajax = new Ajax() { Status = 0, Msg = "账号或密码错误!" };
                    return Json(ajax);                 
                }
            }
        }



//判断账号密码是否正确
 public bool LoginUserPwd(string UserEmail,string UserPwd)
        {
            var user = db.Query(i => i.UserEmail == UserEmail && i.UserPwd == UserPwd);
            if (user==null)
            {
                return false;
            }
            else
            {
                return true;
            }
        }

 

原文:https://www.cnblogs.com/zjhn/p/14951377.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐