ajax实现实时刷新
2015-02-21 23:10
190 查看
ajax自动刷新好像是个很常见的问题,之前做一个网页聊天室程序也是卡在了这上面,经过了这段时间的学习,终于做出了一个可以自动刷新网页的代码框架,希望正在迷茫的亲们不要像我一样走了这么多弯路
废话不多说 上代码:
html部分:
php部分(只是个测试实时刷新的网页)
这样只要修改data.dat就可以实时在网页上显示了
废话不多说 上代码:
html部分:
<html> <head> <script type="text/javascript"> function loadXMLDoc()//ajax发送请求并显示 { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("POST","/chat.php",true); xmlhttp.send(); setTimeout("loadXMLDoc()",1000);//递归调用 } loadXMLDoc();//先执行一次 </script> </head> <body> <button type="button" onclick="loadXMLDoc()">手动刷新</button> <div id="myDiv"></div> </body> </html>
php部分(只是个测试实时刷新的网页)
<?php /* 1.读取文件 2.推送显示 3. */ echo file_get_contents("data.dat"); ?>
这样只要修改data.dat就可以实时在网页上显示了
相关文章推荐
- PHP+AJAX实现无刷新注册(带用户名实时检测)
- jquery使用ajax实现实时刷新
- json+ajax实现实时刷新和增删查功能
- PHP+AJAX实现无刷新注册(带用户名实时检测)
- bootstrap-wysiwyg整合ajaxFileUpload实现图片实时上传刷新
- Jquery结合setinterval实现ajax实时刷新前台数据的效果
- bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
- ajax实现消息实时刷新
- 实现asp.net只对个别控件实时访问数据库刷新数据
- Ajax的应用:用过Ajax来实现不刷新页面的情况下判断用户是否存在
- 通过Ajax技术实现无刷新的更新数据表格
- 静态页中利用AJAX.NET实现无刷新页面(2)
- ajax实现无刷新两级联动DropDownList
- 我的AjaxPage对象(Asp.NET 1.1)-借用2.0的Callback实现无刷新回调
- 利用动态加载模板,配合ajax实现无刷新操作
- AJAX + SVG 实现实时监控图表
- 用AJAX实现无刷新数据读取与显示
- Ajax实现无刷新三联动下拉框
- AJAX+Servlet实现客户端无刷新请求服务器实践
- 利用Ajax与数据岛实现无刷新绑定