| 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> |
|---|
| | | .login-form input { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | .login-form button { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <h1>中扬物流</h1> |
|---|
| | | <div class="login-form"> |
|---|
| | | <div> |
|---|
| | | <span>账号</span> |
|---|
| | | <input type="text" id="mobile" value="super"> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <span>密码</span> |
|---|
| | | <input type="password" id="password" value="xltys1995"> |
|---|
| | | </div> |
|---|
| | | <div> |
|---|
| | | <button onclick="login()">登录</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"> |
|---|
| | | |
|---|
| | | function login(){ |
|---|
| | | httpRequest({ |
|---|
| | | httpUrl: baseUrl+"/login.action", |
|---|
| | | type: 'post', |
|---|
| | | data: { |
|---|
| | | mobile: document.getElementById('mobile').value, |
|---|
| | | password: hex_md5(document.getElementById('password').value) |
|---|
| | | } |
|---|
| | | }, function (res) { |
|---|
| | | window.location.href = "index.html"; |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | 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> |
|---|
