setInterval与Ajax结合实现实时数据显示的一个怪异问题，麻烦各位进来看看并帮我分析一下，万分感谢！！！

jiagu 2007-10-16 08:28:08

有点长，请耐心看看：（
【test.html】-->作用是显示实时数据
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="JS/ajax.js"></script>
<link href='DefaultSkin.css' rel='stylesheet' type='text/css'>
<script language="javascript" type="text/javascript">

</script>
</head>

<body>
<div id="MainIndexNewSaleRight"></div>
……//还有些内容，有链接等
</body>
</html>

【ajax.js】-->作用是完成异步获取数据
var http_request = false;
if (window.XMLHttpRequest){ // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if(http_request.overrideMimeType){
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject){ // IE
try{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e){
try{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
}
}
}

function getResponse(){
url = "Response.aspx";
http_request.open("GET",url,true);
http_request.onreadystatechange = function() {
if (!document.getElementById("MainIndexNewSaleRight")) {
return false;
}
if (http_request.readyState < 4) {
document.getElementById("MainIndexNewSaleRight").innerHTML="loading...";
}
if (http_request.readyState == 4) {
var response = http_request.responseText;
document.getElementById("MainIndexNewSaleRight").innerHTML=response;
}
}
http_request.send(null);
}

【Response.aspx】-->作用是查询数据库并返回数据，其中对应的Response.aspx.cs页中没有使用if(!this.IsPostback){}这样的语句（好像这个语句也不是影响因素）

【问题】是这样的，test.html能显示查询出的数据，但是在查询数据发生变化的时候不能实时显示，只有刷新或是点击test.html中的其它链接的时候才能看到异步显示数据的效果，如出现“loading...”，并能立刻显示出数据的变化。我想了好几天，并查看了代码，就是没弄明白为什么会出现这样的现象，还请各位经验丰富的朋友帮我看看，谢谢了！！！

...全文

222 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhaoyang22 2007-10-17

打赏
举报

回复

function getResponse(){
url = "Response.aspx?timestampt="+(new Date()).getTime();
http_request.open("GET",url,true);
http_request.onreadystatechange = function() {
if (!document.getElementById("MainIndexNewSaleRight")) {
return false;
}
if (http_request.readyState < 4) {
document.getElementById("MainIndexNewSaleRight").innerHTML="loading...";
}
if (http_request.readyState == 4) {
var response = http_request.responseText;
document.getElementById("MainIndexNewSaleRight").innerHTML=response;
}
}
http_request.send(null);
}

美福种田伯 2007-10-17

打赏
举报

回复

非主流时尚网非主流时尚网

斯洛文尼亚旅游 2007-10-17

打赏
举报

回复

url = "Response.aspx=timestampt="+new Data().toString();

jiagu 2007-10-17

打赏
举报

回复

非常感谢，果然加个随机数问题就解决了。现在就结贴！！！

iuhxq 2007-10-16

打赏
举报

回复

url后边加个随机数就可以了。因为缓存了

代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/31015121 有问题博客中留言

//html页面 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> //setInterval配合ajax实现实时刷新前台数据的功能 setInterval(fun

本周在做STC大作业的时候，采集了开发板上的光照和温度数据传到了腾讯云服务器上（实现可以参考我的另外一篇文章： socket实现服务器和客户端双向通信），由于开发板采集的数据是时实更新的，故网页的数据也需要实时更新，故学习并记录Ajax数据更新方法，当然还需要结合之前做H5游戏开发多子弹线程的经验，使用setInterval() 方法实现函数的循环定时回调，以实现数据不断刷新的效果 Aja...

现在需要实现的是数据可视化的功能，把数据化成折线图之类的显示。查了一些，决定用现成的模板HIGHCHARTS，是基于js的，比较方便使用，其实就是直接复制然后改一改自己需要的就好了。HIGHCHARTS文档在这里，可以查看一些属性之类的信息点击这里可以找到HIGHCHARTS的好多模板，这里我使用的就是这个链接里的，实时刷新的曲线图。实时刷新主要是通过setInterval这个方法实现的，用法大致为setInterval(code,time)，定时执行方法或代码，时间单位为毫秒。插入图表这里先利用H

一、用ajax实现将时间传入HTML界面（用按钮查询） 1. 下载jquery，将其放在static里面下载地址 2. 写HTML页面，放到template里面，并写对应的视图函数 HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮询</title> </head> <body> <

52,787

社区成员

25,335

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章