界面实时刷新线程信息

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

/**
* 初始化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()

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

 

posted @ 2017-04-01 18:41  杉枫  阅读(606)  评论(0编辑  收藏  举报