一、前端JSP

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

    <title>Login</title>

</head>

<script type="text/javascript" src="statics/js/jquery-3.3.1.js"></script>

<script type="text/javascript">

            function userLogin(){

                $.ajax({

                    type : "post",

                    url : "checkLogin",

                    dataType:"json",

                    data:{

                       username:$("#username").val(),

                        password:$("#password").val()

                    },

                    success : function(data) {

                        if(data.code == "0"){

                            window.location.href = "JSP/welcome.jsp";

                        }else {

                            alert(data.errorInfo+"");

                            $("#showMessage").val(data.errorInfo+"");

                        }

                    }

                });

            }

</script>

<body>

        用户名：<input type="text" name="username" id="username"/><br/>

        密  码：<input type="password" name="password" id="password"/><br/>

                <input type="button" name="login" value="登录" onclick="userLogin()"/><br/>

                <textarea id="showMessage" style="border: none;"></textarea>

</body>

</html>

这里使用 window.location.href = "JSP/welcome.jsp" 完成Ajax里的重定向，而没有选择在Controller里返回视图

二、后台Controller

package myProject.Controller;

import myProject.Model.User;

import myProject.Service.UserService;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.ResponseBody;

import javax.annotation.Resource;

import javax.servlet.http.HttpServletRequest;

import java.util.HashMap;

import java.util.Map;

@Controller

public class LoginController {

    @Resource

    private UserService userService;

    @RequestMapping(value = "/checkLogin",method = RequestMethod.POST)

    @ResponseBody

    public Map userLoginCheck(HttpServletRequest request){

        System.out.println("进入该方法");

        String username = request.getParameter("username");

        String password = request.getParameter("password");

        System.out.println("request.getParameter   "+username);

        System.out.println("request.getParameter   "+password);

        Boolean result = checkLogin(username,password);

        Map<String, Object> map = new HashMap<>();

        if (result) {

            map.put("code", 0);

        }

                else{

            map.put("code", 1);

            map.put("errorInfo","登录失败，请重新登录");

        }

                return map;

    }

    public boolean checkLogin(String username,String password){

        User user = userService.getUserByName(username);

        if (user == null || "".equals(user)){

            return  false;

        }

        if (user.getUserPwd().equals(password)){

            return true;

        }else {

            return  false;

        }

    }

}

三、测试结果

3.1 用户名和密码都正确

3.2  用户名或密码不正确

相关参考：http://www.cnblogs.com/boycelee/p/6243646.html

SSM框架完成Ajax简单用户登录验证的更多相关文章

  1. Servlet课程0425（四） Servlet实现简单用户登录验证

    Login.java //登录界面 package com.tsinghua; import javax.servlet.http.*; import java.io.*; public class ...

  2. DBCP(MySql)+Servlet+BootStrap+Ajax实现用户登录与简单用户管理系统

    目  录   简介 本次项目通过Maven编写 本文最后会附上代码 界面截图 登录界面 注册界面 登录成功进入主页 增加用户操作 删除用户操作 修改用户操作 主要代码 Dao层代码 DBCP代码 Se ...

  3. 用javascript实现简单的用户登录验证

    用javascript实现简单的用户登录验证 <!DOCTYPE html> <html lang="en"> <head> <meta ...

  4. Python程序练习1-模拟用户登录验证

    1.功能简介 此程序模拟用户登录验证的过程,实现用户名输入.黑名单检测.用户有效性判别.密码输入及验证等.用户在3次以内输入正确密码登陆成功,连续输错3次密码登陆失败,且该用户名被记录在黑名单,黑名单 ...

  5. djangorestframework-jwt自带的认证视图进行用户登录验证源代码学习

    Django REST framework JWT djangorestframework-jwt自带的认证视图进行用户登录验证源代码学习 SECRET_KEY = '1)q(f8jrz^edwtr2 ...

  6. Spring学习之SpringMVC框架快速搭建实现用户登录功能

    引用自:http://blog.csdn.net/qqhjqs/article/details/41683099?utm_source=tuicool&utm_medium=referral  ...

  7. SSM项目使用拦截器实现登录验证功能

    SSM项目使用拦截器实现登录验证功能 登录接口实现 public User queryUser(String UserName, String Password,HttpServletRequest ...

  8. android loginDemo +WebService用户登录验证

        android loginDemo +WebService用户登录验证 本文是基于android4.0下的loginActivity Demo和android下的Webservice实现的.l ...

  9. cookie实现用户登录验证

    cookie实现用户登录验证 1, INSTALLED_APPS中注册app03 2,在主程序中新建映射关系到app3的url中 from django.conf.urls import url,in ...

随机推荐

  1. 《linux就该这么学》第十三节课：第11章和第12章，vsftpd服务与samba和nfs服务

    第十一章 (借鉴请改动) 11.1.文件传输协议 FTP文件穿数协议,端口20用于数据传输,21端口用于传输相关FTP命令 ftp协议的两种工作模式: 主动模式:ftp向客户端发起 被动模式(默认): ...

  2. Sublime 个人配置

    Sublime 个人配置 用的faltland主题,之后还加了一些自己喜欢的东西. 效果图如下: { "always_show_minimap_viewport": true, & ...

  3. linux下chromedriver的安装

    很多时候,发现phantomjs被一些网站屏蔽导致我们无法达到想要的结果,一方面phantomjs也停止维护,这时候们可以使用chromedriver(谷歌)或者firefoxdriver(火狐)来代 ...

  4. live Templates 活动模板. 配置完之后,就可以快速编码-代码块

    配置:live Templates 活动模板. 配置完之后,就可以快速编码-代码块. 输入startflask敲回车:   就会生成代码:   怎么做到的呢? 如下:   注意第七步: 原本不是cha ...

  5. webpack入门文档教程

    .octicon{margin-right:2px}a.tabnav-extra:hover{color:#4078c0;text-decoration:none}.tabnav-btn{margin ...

  6. Sketchup （待续）

    Sketchup插件 来自20个最好用的SketchUp插件 https://www.bilibili.com/video/av17242031/?from=search&seid=15336 ...

  7. dlo，学习清单

    肥文自动机 模拟纵火 替罪羊 法法塔 ntt

  8. 字段like多个条件（or关系）简写

    字段 like ‘匹配串1’or 字段 like ‘匹配串2’or ... 有如下简写方式 oracle: select  * from tablex where REGEXP_LIKE(字段名, ' ...

  9. ssh 免密码登录（设置后仍需输密码的原因及解决方法）

    按操作步骤操作不行的最可能原因是:文件权限,不论是a机还是要访问的b机的文件的权限都要改成对应的700,600:必须严格是这个权限,否则会出现设置免密fail的情况. serverA 免密码登录到 s ...

  10. 微信省市区 Mysql数据库

    $jsonStr = '[{"cities":["\u5b89\u5e86","\u868c\u57e0","\u4eb3\u5d ...