使用定时器以新数据自动更新页面
来源:互联网 发布:网络软文兼职 编辑:程序博客网 时间:2024/05/22 08:12
问题:想要显示来自一个文件的条目,但是该文件会经常更新
解决方案:使用Ajax和一个定时器来周期性地检查文件,获取更新显示。
<!DOCTYPE html><html><head> <title>On Demand Select</title></head><body><ul id="update"></ul><script>var xmlHttp;function populateList() { if(!xmlHttp){ xmlHttp = new XMLHttpRequest(); } var url = "http://localhost/text.txt?name=aaa"; xmlHttp.open("GET",url,true); xmlHttp.onreadystatechange = processResponse; xmlHttp.send(null);}function processResponse(){ if(xmlHttp.readyState ==4 && xmlHttp.status==200){ var li = document.createElement("li"); var txt = document.createTextNode(xmlHttp.responseText); li.appendChild(txt); document.getElementById("update").appendChild(li); setTimeout(processResponse,15000); }else if(xmlHttp.readyState == 4 && xmlHttp.status != 200){ alert(xmlHttp.responseText); }}window.onload = function(){ xmlHttp = new XMLHttpRequest(); populateList();}</script></body></html>

阅读全文
0 0
- 使用定时器以新数据自动更新页面
- Javascript & HTML5 使用Ajax自动更新页面数据
- 自动更新页面上的数据
- 页面自动更新
- 实现对象属性的"监控" - 修改数据后自动更新页面
- html页面点击数的自动更新(使用AJAX+Js代码)
- 使用jquery以jsonp方式在gbk页面请求utf-8编码的数据
- 以淘宝详情页面Json为例使用Gson的JsonReader解析复杂Json数据详解
- 页面自动更新(javascript)
- 页面时间自动更新
- Idea自动更新JSP页面
- android 页面下拉刷新,添加新数据
- php实现跟页面数据跟新
- 彩票数据的自动更新
- 自动更新数据透视表
- 自动更新数据透视表
- android 自动更新数据示例
- treeView自动更新数据
- 仿微信移动端的底部导航切换,显示高亮文字和图片
- 从服务器填充一个列表
- BZOJ2893: 征服王
- bugku 成绩单
- 消灭中间商!他们用区块链技术实现流量的点对点交易
- 使用定时器以新数据自动更新页面
- Android Studio设置apk文件名
- Spring Cloud入门1-config配置中心
- 算法学习之模线性同余方程组(中国剩余定理+求解同余方程组) poj1006+hdu3579
- 服务器架构概念扫盲
- HDU 6129 Just do it(递推)
- Hibernate Part 3
- JavaFx初入门:从hello world做起
- MySQL 表结构查看以及表结构修改