异步刷新动态获取数据

最新推荐文章于 2024-04-23 00:29:43 发布

双木L

最新推荐文章于 2024-04-23 00:29:43 发布

阅读量5.1k

点赞数 2

本文链接：https://blog.csdn.net/weixin_36898373/article/details/78642496

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

近期在开发过程中接到一个小任务，就是需要pc端需要动态获取SIS系统传过来的小指标参数，做到时时刷新的效果。说到时时刷新，第一时间大家都会想到ajax异步刷新，因为也确实没有什么比这实现起来更加简单的了。

SIS系统本身就是指标多，数据抓取要求时时同步最新的数据库数据，而且要求要动态的获取指标名称展示，按照机组的分组动态的创建展示的表格（也就是有几个机组创建几个展示的table）。

要求明确，根据前端设计好的html页面，先转换成jsp页面。然后创建访问的servlet。jsp页面将动态表格的内容抽取出来拼接到servlet中，而jsp页面中只是一个简单的ajax请求，代码如下：

function page_click(){
    $.ajax({
    type : "post",
    url : "<%=request.getContextPath()%>/CdGetDtSisdatasServlet/?eventtype=sisDatas",
    dataType:"html",
    async: false,
    data:{},
    success : function(data,textStatus){ 
        //alert("成功");
        $("#menu").html(data);
    },
    error:function(data){
        alert("出内部错:"+data);
    }
    });
}

成功之后直接返回html代码，展示转换过的数据。为做到自动的时时刷新，js写一个定时函数：<body οnlοad="setInterval('page_click()',3000)">，前端jsp页面基本完成。

看servlet的实现。

servlet中的实现也比较简单了。首先根据需求，将数据库中的字段动态的拼装，变成可以接收sis系统的合法字段，然后动态获取数据。接着根据机组号动态插叙数据，分别存放在一个hashmap集合中。然后动态封装创建表格的方法，部分代码块如下：

{.......

htmldata.append("<td><p><span class=\"sj\">"+v2+"</span></p></td>\r\n");
htmldata.append("<td><p><span class=\"sj\">"+v3+"</span></p></td>\r\n");
htmldata.append("<td><p><span class=\"sj\">"+v4+"</span></p></td>\r\n");
htmldata.append("<td><p><span class=\"sj\">"+v5+"</span></p></td>\r\n");
htmldata.append("<td><p><span class=\"sj\">"+v6+"</span></p></td>\r\n");
htmldata.append(" </tr>\r\n");
}
htmldata.append("</table>\r\n");
return  htmldata.toString();

...........

这里通过一个StrinBuffer 来讲html代码进行了简单的拼装，这样能最简单的实现动态的创建表格，最后再主方法中调用动态创建表格的方法，最后

String htmltoString=htmldata.toString();
response.getWriter().write(htmltoString);
response.getWriter().flush();
return htmltoString;

这个小功能基本完成，最后附一张效果图。

此案例是一个简单的异步刷新案例，希望对初学者有所帮助。

双木L

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
异步刷新动态获取数据

近期在开发过程中接到一个小任务，就是需要pc端需要动态获取SIS系统传过来的小指标参数，做到时时刷新的效果。说到时时刷新，第一时间大家都会想到ajax异步刷新，因为也确实没有什么比这实现起来更加简单的了。SIS系统本身就是指标多，数据抓取要求时时同步最新的数据库数据，而且要求要动态的获取指标名称展示，按照机组的分组动态的创建展示的表格（也就是有几个机组创建几个展示的table）。要求明确，...
复制链接

扫一扫