ssm学习总结-Ajax实现简单的登录校验

Mapper.java

publicAdmin login(Admin admin);

Mapper.xml

<selectid="login" parameterType="com.neusoft.pojo.Admin" resultType="com.neusoft.pojo.Admin">

        SELECT * from admin  where uname =#{uname} and pwd = #{pwd}

</select>

 

Service

public Admin login(Admin admin );

 

serviceimpl

public Admin login(Admin admin) {

       return adminMapper.login(admin);

   }

 

 

Controller

private  Admin admin;

@RequestMapping("/login")

public @ResponseBody  Admin login(String uname,String pwd){

//与json中Data中的名称相对（可以尝试直接传入对象）

        admin = new Admin();

        admin.setUname(uname);

        admin.setPwd(pwd);

        admin = adminService.login(admin);

        return admin;

}

 

 

Js

//注意js的版本(写三个等号在后期可以避免一些错误)

<scripttype="text/javascript" src="js/jquery-1.8.3.min.js"></script>

 

<scripttype="text/javascript">

//可以将方法绑定在指定的按钮

       function requestJson(){

            var name =$("#uname").val();

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

           if(name===""){

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

                return false;

            }

            else if(pwd===""){

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

                return false;

            }

            else

            {

            $.ajax({

                type:'post',

                url:'login',

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

                async: true,

                data:{uname:name,pwd:pwd},

                success:function(data){

                   if(data===null){

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

                   }

                   else{

                       alert("登录成功")

                       window.location.href ="index.jsp";

                   }

                }

            });

           }

       }

   </script>

 

 

 

 

 

 

 

 

Html

 

<table>

   <tr>

       <td>用户名：</td>

       <td><input type="text"  id="uname"></td>

   </tr>

   <tr>

       <td>密码：</td>

       <td>

            <input type="password"id="pwd">

       </td>

   </tr>

   <tr><td colspan="2">

       <input type="submit" value="登陆"id="btn" onclick="requestJson()">

   </td></tr>

</table>