当前位置：首页 > PHP教程 > php应用 > 列表

php+ajax实时刷新简单实例

发布:smiling　来源: PHP粉丝网 　添加日期：2021-05-14 22:59:08　浏览: 评论：0　

这篇文章主要介绍了php+ajax实时刷新简单实现方法,实例分析了Ajax的实现原理以及对应的php处理文件基本原理与操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下。

本文实例讲述了php+ajax实时刷新简单实现方法，分享给大家供大家参考。具体如下：

ajax自动刷新好像是个很常见的问题，之前做一个网页聊天室程序也是卡在了这上面，经过了这段时间的学习，终于做出了一个可以自动刷新网页的代码框架，希望正在迷茫的亲们不要像我一样走了这么多弯路

废话不多说 上代码：

html部分：

  1. <html>  
  2. <head>  
  3. <script type="text/javascript">  
  4. function loadXMLDoc()//ajax发送请求并显示  
  5. {  
  6. var xmlhttp;  
  7. if (window.XMLHttpRequest)  
  8.  {// code for IE7+, Firefox, Chrome, Opera, Safari  
  9.  xmlhttp=new XMLHttpRequest();  
  10.  }  
  11. else 
  12.  {// code for IE6, IE5  
  13.  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  
  14.  }  
  15. xmlhttp.onreadystatechange=function()  
  16.  {  
  17.  if (xmlhttp.readyState==4 && xmlhttp.status==200)  
  18.   {  
  19.   document.getElementById("myDiv").innerHTML=xmlhttp.responseText;  
  20.   }  
  21.  }  
  22. xmlhttp.open("POST","/chat.php",true);  
  23. xmlhttp.send();  
  24. setTimeout("loadXMLDoc()",1000);//递归调用  
  25. }  
  26. loadXMLDoc();//先执行一次  
  27. </script>  
  28. </head>  
  29. <body>  
  30. <button type="button" onclick="loadXMLDoc()">手动刷新</button>  
  31. <div id="myDiv"></div>  
  32. </body>  
  33. </html> 

php部分（只是个测试实时刷新的网页）

  1. <?php  
  2. /*  
  3. 1.读取文件  
  4. 2.推送显示  
  5. 3.  
  6. */ 
  7. echo file_get_contents("data.dat");  
  8.    
  9. ?> 

这样只要修改data.dat就可以实时在网页上显示了。

Tags: php+ajax实时刷新

分享到：

推荐文章

热门文章

最新评论文章