ypt
/
login.html

<!doctype html>
<html  class="x-admin-sm">
<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" href="css/xadmin.css" />
		<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="js/xadmin.js"></script>
		<script type="text/javascript" src="js/cookie.js"></script>
		<script type="text/javascript" src="js/request.js"></script>
		<script src="js/cos-js-sdk-v5.min.js"></script>
		<script src="js/echarts.js"></script>

</head>
<body class="login-bg">

    <div class="login layui-anim layui-anim-up">
        <div class="message">乐器培训机构管理登录</div>
        <div id="darkbannerwrap"></div>

        <form method="post" class="layui-form" >
            <input name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
        </form>
    </div>

    <script>
        $(function  () {
            layui.use(['form', 'layer'], function(){
              var form = layui.form;
              // layer.msg('玩命卖萌中', function(){
              //   //关闭后的操作
              //   });
              //监听提交
              form.on('submit(login)', function(data){
				console.log(data.field)

				var login_data = {
					username: data.field.username,
					password: data.field.password
				}
				var stu_info = {
					api: "officer/login",
					type: "POST",
					data: JSON.stringify(login_data)
				}
				function stu_info_func(e) {

					console.log(e)
					if(e.success) {
						layer.msg('登录成功', {icon: 1});
						// TOKEN = e.data
						sessionStorage.setItem("TOKEN", e.data);
						console.log(TOKEN)
						location.href='index.html'
					}else {
						layer.msg(e.msg, {icon: 2});
					}

				}

				request_(stu_info, stu_info_func);

                return false;
              });
            });
        })


    </script>
</body>
</html>