jquery遍歷陣列方式
<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>
$(function(){
var data={};
var successfn = function(jdata){
$(".gridtable").empty();
var _HTML="<tr><td>下載資訊</td></tr>";
console.log(jdata);
for(var k in jdata){
_HTML =_HTML +'<tr><td>'+k+'=>'+ jdata[k]+'</td></tr>'
};
$(".gridtable").html(_HTML);
};
var errorfn = function(){
alert("資料獲取出錯");
};
$.ajax({
type: "get",
data: data,
url: "/returnarray/",
dataType: "json",
success: function(d){
successfn(d);
},
error: function(e){
errorfn(e);
}
});
}
);
</script>
</table>
</head>
</head>
