ssm+ajax实现登陆

ssm的搭建见上一章

1.数据协议层

public User selectByLoginnameAndPassword(@Param("loginname")String loginname,@Param("password") String password);

2.服务协议层

 User login(String loginname,String password);

3.服务层

1@Autowired
2private UserDao userDao;
3public User login(String loginname, String password) {
4        return userDao.selectByLoginnameAndPassword(loginname, password);
5	}

4.数据实现层(mybatis)

1<mapper namespace="com.yongxing.manager.dao.UserDao"><select id="selectByLoginnameAndPassword" resultType="com.yongxing.manager.domain.User" >
2  select * from user_inf where loginname=#{loginname} and password=#{password}
3</select>

5.控制层

1@Controller
2public class UserController {
3	@Autowired
4	private UserService userServcie;
5	@RequestMapping("/checklogin")
6	@ResponseBody
7   public User checklogin( String loginname,String paasword,HttpSession session){
8		System.out.println(loginname);
9		User user =userServcie.login(loginname, paasword);
10		if(user!=null) {
11			session.setAttribute("user_session", user);
12			return user;
13		}else {
14			return null;
15		}				
16}

后台搭建结束

6.前台搭建

1<form>
2 <input name="loginname" type="text"  id="loginname"/ >
3 <input name="password" type="password" id="password"/>
4 <input value="登录" style="width: 100%;" type="button" onclick="requestJson()" >
5</form>

ajax异步登陆

1<script type="text/javascript">
2function requestJson(){
3	    var name =$("#loginname").val();//#是id选择器
4            var pwd =$("#password").val();
5            if(name==""){
6                alert("用户名不能为空！");
7                return false;
8            }
9            else if(pwd==" "){
10                alert("密码不能为空！");
11                return false;
12            }
13            else
14            {
15            $.ajax({
16                type:'post',
17                url:'checklogin',
18                dataType:"json",//注意使用的是打他dataType，而不是Content-Type
19                async: true,
20                data:{loginname:name,paasword:pwd},
21                success:function(data){
22                   if(data==null){
23                       alert("没有这个用户！")
24                   }
25                   else{
26                       alert("登录成功")
27                       window.location.href ="main";
28                   }
29                }
30            });
31           }
32       }
33   </script>