界面实时刷新线程信息

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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

扫码关注云+社区