关于HTML静态页调用数据 定时+局部刷新
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于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个标签的内容
谢谢~
请尽量写完整代码 毕竟我是菜鸟 完整代码直接采纳
因为你这里涉及两个数据
所以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静态页+ajax访问动态页返回数据+js将数据添加到html页面这种方法的可行性
用html静态页+ajax访问动态页返回数据+js将数据添加到html页面这种方试代替传统的动态页面网页的可行性，优缺点，和要注意的地方..........分就这么多了,望各位看客满意
参考技术A 可行性：一点问题都没有优点：客户端体验很好，不用刷新，交互的数据很少，节省带宽
缺点：比动*态*网页的代码编写上麻烦点，理解稍微困难点，其实也不难
注意的地方：标签替换的地方不要搞错了就ok了本回答被提问者和网友采纳 参考技术B 优点是异步刷新，局布刷新。需要注意的就是数据是动态加载刷新的，需要动态的对一些标签的内容赋值，你需要对页面的加载过程，标签有一定的了解 参考技术C 1 这样写用户体验会好一点。
2好处可以减少数据库和服务器的压力，
3会让人操作起来很舒服，不用跳过来跳过去的。
4缺点就是 如果是经常更新的数据就要生成静态页面了，格外话。
5现在一般都是用ajax来做。做网站一个是安全，第二考虑的不就是用户体验吗。
让别人用着舒服。
以上是关于关于HTML静态页调用数据 定时+局部刷新的主要内容，如果未能解决你的问题，请参考以下文章