前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >界面实时刷新线程信息

界面实时刷新线程信息

作者头像
杉枫
发布2018-01-03 11:10:34
1.9K0
发布2018-01-03 11:10:34
举报
文章被收录于专栏:互联网研发闲思录

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

代码语言:txt
复制
/**
     * 初始化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()

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-04-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档