关于HTML静态页调用数据 定时+局部刷新
index.html内容:<body><divid=date><span>当前价格:</span><spanid=value1>1321</span><span>国际价格...
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个标签的内容
谢谢~
请尽量写完整代码 毕竟我是菜鸟 完整代码直接采纳 展开
<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个标签的内容
谢谢~
请尽量写完整代码 毕竟我是菜鸟 完整代码直接采纳 展开
展开全部
给你个大概例子，只有一个数据，但是主要的功能都
因为你这里涉及两个数据
所以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();
}
打完收工
因为你这里涉及两个数据
所以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();
}
打完收工
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
