mvc ajax验证登录页面,MVC利用ajax验证登陆有关问题

MVC利用ajax验证登陆问题

MVC在控制器中可以用ModelState.AddModelError("", "提供的用户名或密码不正确。");这种方式赋值错误提示,前端用@Html.ValidationSummary()方法显示。但是这有个问题,@Html.ValidationSummary()方法最终显示是带ul标签显示。

如果页面排版不适合在页面新增内容,而是用alert弹窗来显示错误信息更合适。这要怎么弄?现在不知道思路如何走。我只知道是用js里的ajax来实现。但是遇到很多奇怪问题:

Controllers代码:

public ActionResult Index()

{

return View();

}

[HttpPost]

public ActionResult Index(Operation.Model.userInfo ui)

{

if (ModelState.IsValid)

{

try

{

Operation.BLL.userInfo uiBLL = new Operation.BLL.userInfo();

ui.pwd = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(ui.pwd, "MD5").ToUpper();

if (uiBLL.Exists(ui))

{

return RedirectToAction("Index", "UserInfo");

}

else

{

return Content("用户名密码错误!");

}

}

catch

{

return View();

}

}

else

{

return View();

}

}

JS代码:

$(document).ready(function () {

/*登陆按钮*/

$('#loginBtn').click(function () {

$.ajax({

url: '/Login/Index',

data: 'string',

type: 'post',

success: function (data) {

alert(data);

}

});

});

/**登陆按钮 END**/

});

View代码:

@model Operation.Model.userInfo

@using (Html.BeginForm("LoginAction", "Login", null, FormMethod.Post, new { id = "myform", name = "myform" }))

{

@Html.AntiForgeryToken()

@Html.ValidationSummary(true)

用户名:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
MVC(Model-View-Controller)是一种软件设计模式,它将应用程序的不同部分分离成三个核心组件:模型、视图和控制器。在MVC架构中,Servlet可以充当控制器的角色,负责处理用户的请求并将其传递给合适的模型或视图。 在一个MVC架构的登录功能中,用户通过浏览器发送登录请求。Servlet接收到这个请求后,从请求参数中获取用户输入的用户名和密码,并将它们传递给模型层进行验证。模型层会验证这些凭据的有效性,如果用户名和密码正确,则返回一个成功的登录状态;否则返回一个登录失败的状态。 在模型层验证过程中,可以通过AJAX(Asynchronous JavaScript and XML)技术将用户输入的用户名和密码以异步方式发送给服务器。AJAX调用后端的Servlet,Servlet接收到请求后,调用模型层对用户凭据进行验证。然后,服务器将验证结果返回给前端的JavaScript代码,通过回调函数将结果展示给用户。如果登录成功,则前端会根据返回的结果进行页面跳转或其他操作;如果登录失败,则会提示用户重新输入凭据信息。 总结来说,MVC模式结合Servlet和AJAX实现登录功能,具有以下步骤:用户通过浏览器发送登录请求,Servlet接收到请求并将数据传递给模型层进行验证,模型层返回验证结果给Servlet,Servlet再将结果返回给前端JavaScript代码,前端根据结果做相应的操作。 通过使用MVC、Servlet和AJAX,我们可以实现一个用户友好、有效的登录功能。这种架构将不同的功能逻辑分离,让代码更加清晰和易于维护,同时也提供了更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值