实时刷新线程信息,可以使用下面的方式
/**
* 初始化jvm连接管理信息.
*/
$(document).ready(function () {
var appName = $(‘#appName‘).val();
initJvmConnListByAppName(appName);//初始化时执行.
showJvmRuntime();
$(‘#appName‘).change(function(){
var appName=$(this).children(‘option:selected‘).val();//这就是selected的值
initJvmConnListByAppName(appName);//
showJvmRuntime();
});
$(‘#url‘).change(function(){
showJvmRuntime();
});
});
/**
* 根据连接信息
* @param url
*/
function showJvmRuntime(url){
showJvm()
setTimeout(showJvmRuntime, 3000);
}
function showJvm(){
var url = $(‘#url‘).val();
$.ajax({
type: "GET",
url: "/threadRuntime.do",
data: {url:url},
dataType: "text",
success: function(data){
if(data==‘‘||data==‘null‘||data==‘[]‘)
return;
var result = JSON.parse(data);
var rowHtml = new Array();
for (var service in result) {
var id = result[service].id;
var name = result[service].name;
var state = result[service].state;
rowHtml.push("<tr>");
rowHtml.push("<td name=\"id\">" + id + "</td>");
rowHtml.push("<td>" + name + "</td>");
rowHtml.push("<td>" + state + "</td>");
rowHtml.push("</tr>");
}
rowHtml = rowHtml.join("");
$("#jvmRuntime tbody").html(rowHtml);
}
});
}
不要每次开始时清楚,$("#jvmRuntime tbody").clear()不要在每次前执行,会导致
刷新很慢,导致界面很长时间不可用。直接用每次写$("#jvmRuntime tbody").html()
信息方式就可以实现实时更新。