ssm+ajax实现登陆

发布时间：2020-12-16 02:58:42 所属栏目：百科来源：网络整理

导读：ssm的搭建见上一章 1.数据协议层 public User selectByLoginnameAndPassword(@Param("loginname")String loginname,@Param("password") String password); 2.服务协议层 ?User login(String loginname,String password); 3.服务层 @Autowiredprivate UserDao

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)

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

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.前台搭建

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

ajax异步登陆

<script type="text/javascript">
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";
                   }
                }
            });
           }
       }
   </script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!