<head>
<title>运维平台</title>
<link rel="stylesheet" type="text/css" href="/static/Css/Monitor/displayf5.css">
<link rel="stylesheet" type="text/css" href="/static/Css/Public/header.css">
<link rel="stylesheet" type="text/css" href="/static/Css/Public/menu.css">
</head>
<h1 align="center" ><font color="blue">F5运行监控</font></h1>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>javascript引用方式</title>
<table class="gridtable fr">
<script type="text/javascript" src="/static/Js/jquery-2.2.2.min.js"></script>
<script>
window.onload = function(){
var data = {};
var successfn = function(jdata){
/*var jdata = eval(jdata);*/
$(".gridtable").empty();
var _HTML="<tr >";
for(var L1=0;L1<jdata.length;L1++){
var newArr = jdata[L1];
console.log(newArr);
for (var L2=0;L2<newArr.length;L2++){
var var1=newArr[L2].split('=>')[2]
var var2=newArr[L2].split('=>')[0]
var var3=newArr[L2].split('=>')[1]
var var4=var2+var3
console.log(var1);
if (var1 == 'AVAILABILITY_STATUS_GREEN'){
_HTML =_HTML +'<td style="background-color:green" width="50"><font color="black">'+ var4+'</font></td>'
}
else if(var1 == 'AVAILABILITY_STATUS_RED'){
_HTML =_HTML +'<td style="background-color:red" ><font color="black">'+ var4+'</font></td>'
}
else if(var1 == 'AVAILABILITY_STATUS_BLUE'){
_HTML =_HTML +'<td style="background-color:blue" ><font color="black">'+ var4+'</font></td>'
};
if ((L2 == 3) || (L2==6) || (L2==9) || (L2==12) || (L2==20)){
_HTML=_HTML+'</tr>'+'<tr>'
};
};
console.log(_HTML);
_HTML=_HTML+'</tr>'
$(".gridtable").html(_HTML);
};
};
var errorfn = function(jdata){
alert("喔,数据返回出错！");
};
$.ajax({
type: "get",
data: data,
url: "/checkf5/20.2.200.2/",
dataType: "json",
success: function(d){
successfn(d);
},
error: function(e){
errorfn(e);
}
});
};
</script>
</table>
</head>
<script type="text/javascript" src="/static/Js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="/static/Js/F5/displayf5.js"></script>