想在web上开一个小窗口实时刷新本地及其数据。

webjquery

解决方案 »

  1.   

    ajax轮询呗  至于用什么库 highchart  就可以阿
      

  2.   

    http://blog.csdn.net/nuaazdh/article/details/6754928 实时地从数据库中获取数据，并在网页上实现无刷新显示。
    http://www.cnblogs.com/tianyaxiang/archive/2012/01/31/2333206.html
    http://liaokang-java.iteye.com/blog/998634
      

  3.   


    你发的三个里面 最后一个正好对应我的需求，可我copy以后出来的效果有点问题。。没啥效果点击也没啥效果
    下面是我的jsp文件代码
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
            "http://www.w3.org/TR/html4/loose.dtd">
            <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>  
    <html>  
    <head>  
      <title>实时显示数据</title>  
        <script type="text/javascript" src="jslib/jquery.js"></script>  
        <script type="text/javascript" src="jslib/player.js"></script>  
        <script>
        var obj;  
        var id;  
        $(document).ready(function() {  
            var playerdiv = $("#player").css("border","1px solid black").width("100px").css("position","absolute").css("z-index",100);  
            playerdiv.hide();  
            var as = $("a");  
            as.mouseover(function(event) {  
                var aNode = $(this);  
                var parentNode = aNode.parent();  
          
                id = parentNode.attr("id");  
                var myEvent = event || window.event;  
                playerdiv.css("left",myEvent.clientX + 10 + "px").css("top",myEvent.clientY + 10 + "px");  
                updata();  
          
                playerdiv.show();  
          
            });  
            as.mouseout(function() {  
                playerdiv.hide();  
            });  
            getInfo();  
            setInterval(getInfo, 1000);     //设置定时器函数，每个1000毫秒执行一次  
        });  
          
        function getInfo() {  
            $.get("GetPlayerInfo", null, function(data) {  
                //obj = eval(data);     //如果指明返回的类型为json格式就不必用eval方法转化  
                obj = data;  
                var player1 = obj["0001"];  
                var player2 = obj["0002"];  
          
                var span1 = $("#0001").children("span");  
          
                span1.html(player1.now);  
          
                var span2 = $("#0002").children("span");  
                span2.html(player2.now);  
          
                updata();  
            },"json");  
          
        }  
          
        function updata() {  
            var player = obj[id];  
            for (var property in player) {  
                if (property != "name") {  
                    $("#"+property).children("span").html(player[property]);  
                }  
            }  
        }  
        </script>
    </head>  
    <body>  
       <div id="0001"><a href="#">许飞:</a><span></span></div>  
       <div id="0002"><a href="#">孙燕姿:</a><span></span></div>  
      
       <div id="player">  
           <div id="yesterday">昨天:<span></span></div>  
           <div id="now">现在:<span></span></div>  
       </div>  
    </body>  
    </html>  
    java部分我都配置好了 起码没报错。问题在哪？？？