Ajax+SpringMVC+JSON登录验证

本项目是用maven管理的，代码调试没问题，本代码是在项目中拿下来的：

开始动手了–>

1，做个简单的登录框：
/login.jsp/ 因为用ajax登录的原因，所以没有用表单，推荐用这种方式。

<input type="text" id="username" name="username" />
<input type="password" id="password" name="password"/>
<input type="button" id="btn" value="登录"/>
<script src="js/jquery.js"></script>
<script type="text/javascript">$("#btn").click(function () {$.ajax({type:"post",url:"checks.do",dataType:"json",    //data传递的是一个json类型的值，而不是字符串，且必须标明dataType的类型，否则会出现400错误或者其他错误。data:{"username":$("#username").val(),"password":$("#password").val(),"charcode":$("#codes").val()},success:function (data) {if(data.result=="success")window.location.href='main.do';elsealert("密码错误");},error:function () {alert("网络错误");}});</script>

2，后台springmvc处理ajax请求，验证登陆

 /*checkcontroller.java*/
@Controller
public class checkcontroller{//最重要的一步@RequestMapping("/checks")//这里就是checks.dopublic void logindeal(HttpServletRequest request, HttpServletResponse response)throws IOException{PrintWriter out=response.getWriter();String username=request.getParameter("username");String password=request.getParameter("password");//注意这里的request.getParameter("username")取的是data里面的那个json对象的username,而非<input>里面那个，同理password也一样。JSONObject json=new JSONObject();if(username.equals("admin")&&password.equals("admin"))//这里没有用数据库验证json.put("result","success");elsejson.put("result","error")  out.print(json);}
}

最后，如果输入的帐号密码正确，就会跳转到main.jsp, 错误就会 alert(“密码错误”); 没有请求成功就会alert(“网络错误”)。至于最后一种情况，通常是你后台报错才会出现，这时注意检查控制台报错信息。还有什么疑问的可以私聊我或者评论。

Ajax+SpringMVC+JSON登录验证相关推荐

ThinkPHP+JQuery实现ajax无刷新登录验证（详解+相关问题）
ThinkPHP+JQuery实现ajax无刷新登录验证摘要: 使用原生javascript进行ajax实现无刷新更改页面内容的复杂性尽人皆知,而jquery对ajax传递进行了封装和优化,因此通过 ...
ajax登录验证的原理,ajax用户登录验证-get和post提交方式，与工作原理—2018-8-15...
ajax用户登录验证: 实例 html> Ajax实战:表单验证用户登录邮箱: 密码: 提交 let btn = document.getElementsByTagName('button' ...
SpringMVC 登录验证实例
1.pom.xml中加入SpringMVC的依赖 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi=& ...
SpringMVC绑定ajax传递json数据到pojo对象错误（400 Bad Request）
问题如标题所述,ajax向SpringMVC Controller传递JSON数据,遇到了错误"Failed to load resource: the server responded w ...
用ajax实现登陆验证,ajax异步登录验证实现
如何用ajax异步登录验证实现? ajax异步无刷新登陆实现分为四步: class="fe_text jsv_required js_has_dval" title=请输入用户名 ...
Ajax实现简单的登录验证与帐号注册
上一篇博客介绍了Ajax的GET和POST方法以及上传文件的进度条展示,这篇博客将介绍一个简单的登录与注册功能的实现设计HTML 这个是即将成为我毕业设计的一个网站, 在导航栏我添加了两个注册和登录 ...
spring mvc+spring+mybatis+ajax实现登录验证
<h1>Spring Mvc+Spring+Mybatis+Ajax 实现异步登录的例子,和大家分享一下.</h1><div>login.js代码:</div ...
java shiro登录实例_Shiro安全框架入门篇（登录验证实例详解与源码）
转载自http://blog.csdn.net/u013142781 一.Shiro框架简单介绍 Apache Shiro是Java的一个安全框架,旨在简化身份验证和授权.Shiro在JavaSE和J ...
JavaWeb笔记：第07章 MVC |EL |JST |Filter |Listener |JQuery |AJAX |Maven |JSON |Redis |Linux |Nginx
JavaWeb笔记:第07章 MVC |EL |JST |Filter |Listener |JQuery |AJAX |Maven |JSON |Redis |Linux |Nginx 1. MVC ...

Ajax+SpringMVC+JSON登录验证

Ajax+SpringMVC+JSON登录验证相关推荐

最新文章

热门文章