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

fx524913413 2014-11-23 04:59:00

图用的是highchart 他自己自带自动刷新功能

我想在右边hello那里每隔一秒刷新一次本地数据,类似资源管理器

可以用啥?jQuery? 能给个例子什么的么
...全文
403 4 打赏 收藏 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
fx524913413 2014-11-24
  • 打赏
  • 举报
回复
引用 3 楼 kongwei521 的回复:
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


你发的三个里面 最后一个正好对应我的需求,可我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部分我都配置好了 起码没报错。。。。

问题在哪???
似梦飞花 2014-11-23
  • 打赏
  • 举报
回复
ajax轮询呗 至于用什么库 highchart 就可以阿
fx524913413 2014-11-23
  • 打赏
  • 举报
回复
没人么。。。。

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧