web/jsp/login.jsp

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--导入jquery包-->
    <script src="../jQuery/jquery-1.11.2.js"></script>
    <%--导入layer包--%>
    <script src="../layer/layer/layer.js"></script>
    <!--导入layui包-->
    <link rel="stylesheet" href="../layui/layui/css/layui.css"/>
    <script src="../layui/layui/layui.js"></script>
    <!--引入css文件-->
    <link rel="stylesheet" href="../css/LoginCss.css" />
    <!--不能引入的样式-->
    <style type="text/css">
        body{
            background-image: url("../img/examT.jpg");
            width: 100%;
            height: 100%;
            background-repeat:no-repeat;
            background-size: cover;
            background-attachment: fixed;
        }
    </style>

    <script type="text/javascript">
        $(function(){
            $("#buts").click(function(){
                var other=$(this),anim=other.data("anim");
                other.removeClass(anim);
                setTimeout(function(){
                    other.addClass(anim);
                });
                //判断登录账号或者密码是否符合不为空
                if ($("#id1").val()=="" || $("#id1").val()==null){
                    layer.tips("<span style='color: grey'>输入的账号不能为空</span>",'#id1',{tips:[2,"white"]});
                }else if ($("#id2").val()=="" || $("#id2").val()==null){
                    layer.tips("<span style='color: grey'>输入的密码不能为空</span>",'#id2',{tips:[2,"white"]});
                }else{
                    //通过阿贾克斯发送数据，并且接收回应信息
                    $.ajax({
                        type:"POST",
                        url:"../LoginServlet?method=studentLogin",
                        data:"userName="+$("#id1").val()+"&password="+$("#id2").val(),
                        /*datatype:"application/json",*/
                        success:function(data){
                            //对发送过来的json字符串进行解析
                            //data=$.parseJSON(data);
                            if (data=="ok"){
                                top.location.href="StudentHome.jsp";
                            }else{
                                $("#hint").text("您输入的账号或密码错误");
                            }
                        }
                    });
                }
            });
        });