关于HTML静态页调用数据定时+局部刷新

index.html 内容:

<body>
<div id=date>
<span>当前价格:</span>
<span id=value1>1321</span>
<span>国际价格:</span>
<span id=value2>15.55</span>
</div>
</body>

date.txt内容:
1341
15.59

我的想法如下:
每隔10秒读取Date.txt内容
然后把TXT里的1341更新显示到INDEX.HTML的1321这个位置上把TXT里的15.59更新显示到INDEX.HTML的15.55这个位置上
如此循环下去
要求不用PHP JSP .NET等动态语言代码不用IFRAME
可以用JS等脚本类语言
实现: 每10秒更新1次
不要刷新整个页面更新之后只刷新<span id=value2> <span id=value1> 这2个标签的内容
谢谢~

请尽量写完整代码毕竟我是菜鸟完整代码直接采纳

举报该问题

其他回答

第1个回答 2015-10-20

给你个大概例子，只有一个数据，但是主要的功能都
因为你这里涉及两个数据
所以data.txt最好写成json的格式然后再解析
{"currentPrice":"1312","internationalPrice":"12.12"}

//利用ajax，这里Date.txt文件在同样的目录

var oValue1 = document.getElementById('value1');
var oValue2 = document.getElementById('value2');

setInterval(update,10000); //每隔10s

function update(){
var xht = new XMLHttpRequest();
xht.open('GET','Date.txt',true);
xht.onreadystatechange = function () {
if(xht.status == 200 && xht.readyState ==4){
var str = xht.responseText;
var json1 = JSON.parse(str);
oValue1.innerHTML = json1['currentPrice'];
oValue2.innerHTML = json1['internationalPrice'];
}
};
xht.send();
}

打完收工本回答被提问者和网友采纳

相似回答

在html中有没有只定时刷新一个页面中的部分页面的功能答：如果需要从服务器上读取数据局部刷新 除了iframe以外，还可以通过#default#download得到数据修改某个tag的innerText或innerHTML <div id=test> </div> <script> setTimeout("div.innerHTML = 'test'",1000)</script>

一个html网页,我想刷新里面的一部分,怎么办答：题主可使用javascript里的ajax函数来实现html页面里的局部刷新功能，比如：我只刷新html页面中的某个div，把div中的内容换掉，或者数据更新，可以通过改变ajax函数的url访问路径来实现，可以访问某个目录下的文件，或者发送请求到服务器来刷新数据都可以，这是比较常用的方法，我举个例子：我在html页面中用...

大家正在搜

静态局部变量和动态局部变量静态数据和局部变量静态调用非静态方法非静态方法可以调用静态方法吗非静态方法调用静态变量 java静态和非静态的调用静态局部变量有什么用静态函数调用静态局部变量举例

关于HTML静态页调用数据 定时+局部刷新

关于HTML静态页调用数据定时+局部刷新