Luxnk
/
nutzDemo


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<%-- Created by IntelliJ IDEA. --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>Nutz Demo</title>
    <script src="js/jquery-1.8.3.min.js"></script>
  </head>
  <body>

    <div id="login_div">
      <form action="#" id="loginForm" method="post">
        用户名 <input name="username" type="text" value="admin" />
        密码 <input name="password" type="password" value="123456" />
        <button type="button" id="login_button">提交</button>
      </form>
    </div>
    <div id="user_info_div">
      <p id="userInfo"></p>
      <a href="${base}/user/logout">登出</a>
    </div>

    <script>
      var me = '<%=session.getAttribute("me")%>';
      var base = '${base}';
      $(function () {
          $('#login_button').click(function () {
              console.log('尝试登录……');
              $.ajax({
                  url: base + '/user/login',
                  type: 'post',
                  data: $('#loginForm').serialize(),
                  error: function (request) {
                      alert('Connection error');
                  },
                  dataType: 'json',
                  success: function (data) {
                      alert(data);
                      if (data == true) {
                          alert('登录成功');
                          location.reload();
                      } else {
                          alert('登录失败，请检查账号密码');
                      }
                  }
              });
              return false;
          });
          if (me != 'null') {
              $('#login_div').hide();
              $('#userInfo').html('您的Id是' + me);
              $('#user_info_div').show();
          } else {
              $('#login_div').show();
              $('#user_info_div').hide();
          }
      });
    </script>

  </body>
</html>