| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
- <title></title>
- <link rel="stylesheet" href="./static/css/public.css" type="text/css">
- <link rel="stylesheet" type="text/css" href="./static/translateelement.css" />
- <style>
- body,
- html {
- background: #323337;
- overflow: hidden;
- }
- </style>
- <script type="text/javascript">
- // 步骤一:创建异步对象
- var ajax = new XMLHttpRequest();
- // 步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
- ajax.open('get', 'https://admin.bestefon.com/api/site/getInfo.do');
- // ajax.open('get', 'http://localhost:8070/api/site/getInfo.do');
- // 步骤三:发送请求
- ajax.send();
- // 步骤四:注册事件 onreadystatechange 状态改变就会调用
- ajax.onreadystatechange = function () {
- if (ajax.readyState == 4 && ajax.status == 200) {
- // 步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
- var styleName = JSON.parse(ajax.responseText).data.siteColor
- if (styleName == 'black') {
- window.localStorage.setItem('styleName', 'black-bg')
- document.getElementsByTagName('body')[0].className = 'black-bg'
- } else if (styleName == 'yellow') {
- window.localStorage.setItem('styleName', 'red-bg')
- document.getElementsByTagName('body')[0].className = 'yellow-bg'
- } else {
- window.localStorage.setItem('styleName', 'red-bg')
- document.getElementsByTagName('body')[0].className = 'red-bg'
- }
- }
- }
- </script>
- </head>
- <body>
- <div id="app"></div>
- <!-- built files will be auto injected -->
- </body>
- </html>
- <script type="text/javascript">
- </script>
|