也不多,就4个文件。ajax.html - 显示实时刷新的内容页面。
chat.php - 处理数据。
data.dat - 存储文本数据。
update.php - 更新/插入数据。
首先呢,要有ajax.html
<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代码
<?php
echo file_get_contents("data.dat");
?>
然后通过php更新数据,刷新data.dat的数据,然后chat.php就会把数据提交给ajax处理,实时刷新在ajax.htm页面了,下面是update.php
<!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>
使用方法:
1、打开ajax.html
2、打开update.php输入数据,提交后就可以看到ajax.html页面实时刷新了!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。