也很少,就4个文件。ajax.html - 显示实时刷新的内容页面。
chat.php - 处理数据。
data.dat - 存储文本数据。
update.php - 更新/插入数据。javascript
首先呢,要有ajax.htmlphp
<html> <head> <meta charset="utf-8"> <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> <div id="myDiv"></div> </body> </html>
而后经过chat.php和data.dat关联起来。data.dat是一个空文件,你只须要用记事本,新建一个data.dat,用来存放表单提交过去的数据,也就是说,data其实就是一个数据库。下面是chat.php代码html
<?php echo file_get_contents("data.dat"); ?>
而后经过php更新数据,刷新data.dat的数据,而后chat.php就会把数据提交给ajax处理,实时刷新在ajax.htm页面了,下面是update.phpjava
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>发送</title> </head> <body> <form action="update.php" method="post"> <input type="text" name="text"> </form> <?php header("Content-type:text/html;charset=utf-8"); error_reporting(E_ALL^E_NOTICE^E_WARNING); $file_name = "data.dat"; // 绝对路径: homedata.dat $file_pointer = fopen($file_name, "w"); // "w"是一种模式,详见后面 fwrite($file_pointer, "$_POST[text]"); // 不把文件剪切成0字节, 把数据追加到文件最后 fclose($file_pointer); // 结束 print "数据成功写入文件"; ?> </body> </html>
使用方法:
一、打开ajax.html
二、打开update.php输入数据,提交后就能够看到ajax.html页面实时刷新了!ajax