| New file |
| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="en"> |
|---|
| | | <head> |
|---|
| | | <meta charset="UTF-8"> |
|---|
| | | <meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, user-scalable=no"/> |
|---|
| | | <title>浙江中扬储存设备有限公司</title> |
|---|
| | | <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> |
|---|
| | | <style> |
|---|
| | | html { |
|---|
| | | background-color: #fff; |
|---|
| | | } |
|---|
| | | body { |
|---|
| | | text-align: center; |
|---|
| | | padding: 10px 30px; |
|---|
| | | } |
|---|
| | | .login-form { |
|---|
| | | text-align: left; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .login-form input { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | .login-form button { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <h2>系统登录</h2> |
|---|
| | | <div class="login-form"> |
|---|
| | | <div> |
|---|
| | | <span>账号</span> |
|---|
| | | <input type="text" id="mobile" value="super"> |
|---|
| | | </div> |
|---|
| | | <div style="margin-top: 5px"> |
|---|
| | | <span>密码</span> |
|---|
| | | <input type="password" id="password" value="xltys1995"> |
|---|
| | | </div> |
|---|
| | | <div style="margin-top: 8px;height: 20px;"> |
|---|
| | | <button id="login" onclick="login()" style="padding: 5px 3px 0 3px">登录</button> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </body> |
|---|
| | | <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/tools/md5.js"></script> |
|---|
| | | <script type="text/javascript"> |
|---|
| | | document.onkeyup = function (e) { |
|---|
| | | if (window.event)//如果window.event对象存在，就以此事件对象为准 |
|---|
| | | e = window.event; |
|---|
| | | var code = e.charCode || e.keyCode; |
|---|
| | | if (code === 13) { |
|---|
| | | login() |
|---|
| | | } |
|---|
| | | } |
|---|
| | | document.onkeydown = function (e) { |
|---|
| | | if (window.event)//如果window.event对象存在，就以此事件对象为准 |
|---|
| | | e = window.event; |
|---|
| | | var code = e.charCode || e.keyCode; |
|---|
| | | if (code === 13) { |
|---|
| | | document.getElementById("login"); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | function login(){ |
|---|
| | | httpRequest({ |
|---|
| | | httpUrl: baseUrl+"/login.action", |
|---|
| | | type: 'post', |
|---|
| | | data: { |
|---|
| | | mobile: document.getElementById('mobile').value, |
|---|
| | | password: hex_md5(document.getElementById('password').value) |
|---|
| | | } |
|---|
| | | }, function (res) { |
|---|
| | | if (res.code === 200) { |
|---|
| | | // localStorage.setItem("token", res.data.token); |
|---|
| | | // localStorage.setItem("username", res.data.username); |
|---|
| | | setCookie("token", res.data.token); |
|---|
| | | window.location.href = "index.html"; |
|---|
| | | } else { |
|---|
| | | alert(res.msg); |
|---|
| | | } |
|---|
| | | |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 设置cookie |
|---|
| | | function setCookie(objName, objValue){//添加cookie |
|---|
| | | var str = objName + "=" + encodeURIComponent(objValue); |
|---|
| | | // if (objHours > 0) {//为0时不设定过期时间，浏览器关闭时cookie自动消失 |
|---|
| | | // var date = new Date(); |
|---|
| | | // var ms = objHours * 3600 * 1000; |
|---|
| | | // date.setTime(date.getTime() + ms); |
|---|
| | | // str += "; expires=" + date.toUTCString(); |
|---|
| | | // } |
|---|
| | | str += "; path=/"; |
|---|
| | | document.cookie = str; |
|---|
| | | } |
|---|
| | | |
|---|
| | | function httpRequest(paramObj,fun,errFun) { |
|---|
| | | var xmlhttp = null; |
|---|
| | | /*创建XMLHttpRequest对象， |
|---|
| | | *老版本的 Internet Explorer（IE5 和 IE6）使用 ActiveX 对象：new ActiveXObject("Microsoft.XMLHTTP") |
|---|
| | | * */ |
|---|
| | | if(window.XMLHttpRequest) { |
|---|
| | | xmlhttp = new XMLHttpRequest(); |
|---|
| | | }else if(window.ActiveXObject) { |
|---|
| | | xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); |
|---|
| | | } |
|---|
| | | /*判断是否支持请求*/ |
|---|
| | | if(xmlhttp == null) { |
|---|
| | | alert('你的浏览器不支持XMLHttp'); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | /*请求方式，并且转换为大写*/ |
|---|
| | | var httpType = (paramObj.type || 'GET').toUpperCase(); |
|---|
| | | /*数据类型*/ |
|---|
| | | var dataType = paramObj.dataType || 'json'; |
|---|
| | | /*请求接口*/ |
|---|
| | | var httpUrl = paramObj.httpUrl || ''; |
|---|
| | | /*是否异步请求*/ |
|---|
| | | var async = paramObj.async || true; |
|---|
| | | /*请求参数--post请求参数格式为：foo=bar&lorem=ipsum*/ |
|---|
| | | var paramData = paramObj.data || []; |
|---|
| | | var requestData = ''; |
|---|
| | | for(var name in paramData) { |
|---|
| | | requestData += name + '='+ paramData[name] + '&'; |
|---|
| | | } |
|---|
| | | requestData = requestData === '' ? '' : requestData.substring(0,requestData.length - 1); |
|---|
| | | |
|---|
| | | /*请求接收*/ |
|---|
| | | xmlhttp.onreadystatechange = function() { |
|---|
| | | if(xmlhttp.readyState === 4 && xmlhttp.status === 200) { |
|---|
| | | /*成功回调函数*/ |
|---|
| | | fun(JSON.parse(xmlhttp.responseText)); |
|---|
| | | }else{ |
|---|
| | | /*失败回调函数*/ |
|---|
| | | errFun; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*接口连接，先判断连接类型是post还是get*/ |
|---|
| | | if(httpType === 'GET') { |
|---|
| | | xmlhttp.open("GET",httpUrl,async); |
|---|
| | | xmlhttp.send(null); |
|---|
| | | }else if(httpType === 'POST'){ |
|---|
| | | xmlhttp.open("POST",httpUrl,async); |
|---|
| | | //发送合适的请求头信息 |
|---|
| | | xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); |
|---|
| | | xmlhttp.send(requestData); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | </html> |
|---|
