php+ajax實如今線刷新，即時通信，無需mysql數據庫！

時間 2019-11-08

標籤 php+ajax php ajax 如今刷新即時通信無需 mysql 數據庫欄目 PHP 简体版

原文原文鏈接

也很少，就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