当前位置： 移动技术网 > IT编程>网页制作>HTML > jquery 返回数组

jquery 返回数组

2020年07月14日  | 移动技术网IT编程  | 我要评论 
2.
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>运维平台</title>
    <style type="text/css">
        *{margin: 0; padding: 0;}
        body{font-size: 20px; color: #333;}
         h1{position: relative; height: 100px; line-height: 100px; margin: 0; background: #555; color: #f2f2f2; font-size: 25px; text-align: center;}
        ul,ol,li{list-style-type: none;}
        #list{
            margin: 0 auto;
            padding-top: 4px;
        }
        #list ul{
            display: flex;
            flex-wrap: wrap;
            margin-top: 30px;
        }
		/*+设置框框大小 */
        #list li{
            flex: 1;
            min-width: 100px;
            min-height: 50px;
            margin: 2px 4px;
            padding: 5px 10px;
            border: 1px solid #eee;
        }
        #list .name{
            font-weight: bold;
            font-size: 20px;
        }
        #list .red{
            color: #fff;
            font-weight: bold;
            background: #f00;
            background: rgba(255,0,0,.8);
        }
        #list .red p span{
            color: #fff;
        }
        #list .yellow{
            font-weight: bold;
            background: #ff0;
            background: rgba(255,255,0,.8);
        }
        #list .green{
            background: #0f0;
            background: rgba(0,255,0,.8);
        }
        #list .died{
            background: #666;
            background: rgba(162,162,162,.8);
            color: #fff;
        }
        #list p{
            padding-top: 3px;
        }
        #list p span{
            color: #f00;
            font-weight: bold;
        }
        .time{
            position: absolute; top: 0px; right: 20px;
            color: #fff;
            font-size: 25px;
        }
    </style>
</head>
<body>
    <h1>泰隆银行DB运行监控/60s<span class="time"></span></h1>

    <ul id="list"></ul>

    <!-- <script src="http://libs.mingsixue.com/jquery/1.12.4/jquery.min.js"></script> -->
    <script src="/static/Js/jquery-2.2.2.min.js"></script>
    <script>
    $(function(){
        var renderTime = function() {
            var now = new Date();
            var y = now.getFullYear();
            var m = now.getMonth() + 1;
            var d = now.getDate();

            var h = now.getHours();
            var i = now.getMinutes();
            var s = now.getSeconds();

            m = m < 10 ? '0' + m : m;
            d = d < 10 ? '0' + d : d;
            h = h < 10 ? '0' + h : h;
            i = i < 10 ? '0' + i : i;
            s = s < 10 ? '0' + s : s;
            var _date = y + '-' + m + '-' + d;
            var _time = h + ':' + i + ':' + s;
            $('.time').html(_date + ' ' + _time);
        };
      var render = function(data) {
	     console.log('111111111111111111111');
		 console.log(data);
		 console.log('111111111111111111111');
		
		 };
		  var getOracleService = function(error) {
            $.ajax({
                url: '/returnmq/',
                type: 'GET',
                data: {},
                async: false,
                dataType: 'json',
                success: function(res) {
            

                    render(res);
                },
                error: function(res) {
                 //   alert("数据返回出错");
                }
            });
        }

        getOracleService();
  });
    </script>
</body>
</html>

本文地址：https://blog.csdn.net/zhaoyangjian724/article/details/85982667

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网