界面实时刷新线程信息

Posted 2020-09-07 探索互联网

实时刷新线程信息，可以使用下面的方式

/**
* 初始化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（）

信息方式就可以实现实时更新。