html+ajax登陆,ssm+ajax实现登陆

ssm的搭建见上一章

1.数据协议层

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

2.服务协议层

User login(String loginname,String password);

3.服务层

@Autowired

private UserDao userDao;

public User login(String loginname, String password) {

return userDao.selectByLoginnameAndPassword(loginname, password);

}

4.数据实现层(mybatis)

select * from user_inf where loginname=#{loginname} and password=#{password}

5.控制层

@Controller

public class UserController {

@Autowired

private UserService userServcie;

@RequestMapping("/checklogin")

@ResponseBody

public User checklogin( String loginname,String paasword,HttpSession session){

System.out.println(loginname);

User user =userServcie.login(loginname, paasword);

if(user!=null) {

session.setAttribute("user_session", user);

return user;

}else {

return null;

}

}

后台搭建结束

6.前台搭建

ajax异步登陆

function requestJson(){

var name =$("#loginname").val();//#是id选择器

var pwd =$("#password").val();

if(name==""){

alert("用户名不能为空！");

return false;

}

else if(pwd==" "){

alert("密码不能为空！");

return false;

}

else

{

$.ajax({

type:‘post‘,

url:‘checklogin‘,

dataType:"json",//注意使用的是打他dataType，而不是Content-Type

async: true,

data:{loginname:name,paasword:pwd},

success:function(data){

if(data==null){

alert("没有这个用户！")

}

else{

alert("登录成功")

window.location.href ="main";

}

}

});

}

}