本文实例讲述了php+ajax实时刷新简单实现方法,分享给大家供大家参考。具体如下:
ajax自动刷新好像是个很常见的问题,之前做一个网页聊天室程序也是卡在了这上面,经过了这段时间的学习,终于做出了一个可以自动刷新网页的代码框架,希望正在迷茫的亲们不要像我一样走了这么多弯路
废话不多说 上代码:
html部分:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<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部分(只是个测试实时刷新的网页)
1
2
3
4
5
6
7
8
9
|
<?php /* 1.读取文件 2.推送显示 3. */ echo file_get_contents ( "data.dat" ); ?> |
这样只要修改data.dat就可以实时在网页上显示了。
希望本文所述对大家的php程序设计有所帮助。