SSM框架学习——用户登录（异步请求方式实现）

最新推荐文章于 2023-06-16 15:05:55 发布

焦虑的说说

最新推荐文章于 2023-06-16 15:05:55 发布

阅读量636

点赞数

分类专栏：笔记文章标签： spring

本文链接：https://blog.csdn.net/sinat_35803474/article/details/111875332

版权

笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Controller层

@Controller
class DispatchController{
   @Autowired
   UserService userService;//注入的是接口类，因为依赖倒置原则,以及AOP，增强事务，jdk动态代理生成的代理对象也能被注入，去执行方法
   
   //异步方法
   @ResponseBody
   @RequestMapping("/doLogin")
   public Object login(String userName,String userPwd,String type,HttpSession session){
      AjaxResult res = new AjaxResult();
     try{
      Map<String,Object> param = new HashMap();
      userService.queryUserLogin(param);
      session.setAttribute(Const.LOGIN_USER,user);
      res.setSuccess(true);
     }catch(LoginFailException e){
       res.setSuccess(false);
       res.setMessage("登陆失败");
     }
     return res;
   }

   //同步方法
  /* @RequestMapping("/doLogin")
   public String login(String userName,String userPwd,String type){

      Map<String,Object> param = new HashMap();
      userService.queryUserLogin(param);
      session.setAttribute(Const.LOGIN_USER,user);
      //重定向
      return "redirect:/main.htm";
   }*/
}

AjaxResult类，承接返回给前台的结果的类，ResonseBody结合了Jackson组件，会将这个对象转换为字符串，将json串以流的形式返回给客户端

class AjaxResult{
  public Boolean success;
  public String message;
//get和set方法省略....

}

LoginFailException 类，登陆失败类

class LoginFailException extends RuntimeException {
   
   private static final long serialVersionUID = 1L;
   //构造方法
   public LoginFailException(String message){
		super(message);
	}
}

Const常量类

public class Const{
  public String LOGIN_USER = "user";
}

pom.xml需要引入jackson包

	<!-- 引入jackson，防止ajax调用返回json出现下载文件 -->
		<!-- MappingJackson2HttpMessageConverter -->
		<dependency>
			<groupId>com.fasterxml.jackson.core</groupId>
			<artifactId>jackson-core</artifactId>
			<version>2.5.1</version>
		</dependency>
		<dependency>
			<groupId>com.fasterxml.jackson.core</groupId>
			<artifactId>jackson-databind</artifactId>
			<version>2.5.1</version>
		</dependency>

springmvc配置文件需要配置消息转换器，将对象转换为json串，并配置字符编码，另外需要添加mvc:annotation-driven,否则会报错：
The DispatcherServlet configuration needs to include a HandlerAdapter that supports this handler，因为你的controller不生效。
mvc:annotation-driven/相当于注册了DefaultAnnotationHandlerMapping和AnnotationMethodHandlerAdapter两个bean，配置一些messageconverter。

 <!-- 字符串字符编码转换 -->
    <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter" >
        <!--之所以能够把上边的result对象转换为json串，就跟这里的消息转换有关-->
        <property name="messageConverters">   
	         <list>
	             <!--这个转换器接口把返回值（数据）转换成json串-->
	             <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
              <!--转换为json串避免乱码问题，在这里指定UTF-8-->                
	                <property name="supportedMediaTypes">
	                <list>
	             <!--响应的内容类型是json-->
	             <!--相当于response.setContentType("application/json;charset=UTF-8")--->                  
	                 <value>application/json;charset=UTF-8</value>  
	              </list>   
	      </property>   
	   </bean>   
	 </list>   
    </property>
  </bean>
    
  <!---特别注意--->
  <!--这里需要配置annotation-driven，否则你的controller注解不会生效--->
  <!--所以当我们需要controller返回一个map的json对象时,一定要设定它-->
  <mvc:annotation-driven/>

html页面

<html>

   <body>
    <form action="{$APP_PATH}/doLogin.do" id="loginForm" method="POST">
      <input id="userName" name="userName" value="张三">
      <input id="userPwd" name="userPwd" value="123" type="password">
      <input id="type" name="type" value="管理员">
      <button onclick="doLogin()">登录</button>
   </form>
     
     <!--jquery.js文件--->
      <script src="../jquery/jquery-2.1.1.min.js"></script>
      <script>
        function doLogin(){
       
           //同步方法
           //$('#loginForm').submit();
           
           //异步方法
           $.ajax({
                type:'POST',
                url:"${APP_PATH}/doLogin.do",
                success:function(res){
                  if(res.success)
                    alert("ok");
                  else 
                    alert("no ok");
                },
                error:function(res){

                }
           })

       }
      </script>
   </body>


</html>

参考文章：http://www.voidcn.com/article/p-ponzvzsp-bpo.html

焦虑的说说

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
SSM框架学习——用户登录（异步请求方式实现）

Controller层class DispatchController{ @Autowired UserService userService;//注入的是接口类，因为依赖倒置原则,以及AOP，增强事务，jdk动态代理生成的代理对象也能被注入，去执行方法 //异步方法 @ResponseBody @RequestMapping("/doLogin") public Object login(String userName,String userPwd,Strin
复制链接

扫一扫